/*
Theme Name: Rumbledog
Description: B2B V-Twin exhaust development and manufacturing. The static page framework of 网站规划.md §5 is served by this theme: every page is a theme route with shared header, footer and breadcrumb.
Version: 0.1.0
Author: Rumbledog
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rumbledog
*/

/* 基础 */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--rd-bg);color:var(--rd-text);font-family:var(--rd-font-body);font-size:var(--rd-text-body);line-height:1.6}
a{color:inherit}
a:hover{color:var(--rd-action)}
h1,h2,h3,h4{margin:0 0 12px;font-weight:700;line-height:1.1}
h1,h2{font-family:var(--rd-font-display)}
h1{font-size:var(--rd-text-h1)}
h2{font-size:var(--rd-text-h3)}
p{margin:0 0 16px;max-width:var(--rd-width-text)}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--rd-action);outline-offset:2px}

.wrap{width:100%;max-width:var(--rd-width);margin-inline:auto;padding-inline:var(--rd-gutter)}

.skip-link{position:absolute;left:-9999px;top:0;z-index:20;padding:10px 16px;background:var(--rd-action);color:var(--rd-on-action);text-decoration:none}
.skip-link:focus{left:8px;top:8px}

/* 按钮（design-新Harley.md §20） */
.button{display:inline-block;padding:12px 22px;border:var(--rd-border-width) solid transparent;border-radius:var(--rd-radius-control);font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color var(--rd-transition),color var(--rd-transition),border-color var(--rd-transition)}
.button--primary{background:var(--rd-action);color:var(--rd-on-action)}
.button--primary:hover{background:var(--rd-carbon);color:var(--rd-on-dark)}

/* 页头与主导航（网站规划.md §4.1 / §4.2） */
.site-header{background:var(--rd-surface-dark);color:var(--rd-on-dark)}
.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding-block:16px}
.brand{color:var(--rd-on-dark);font-family:var(--rd-font-display);font-size:26px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.brand:hover{color:var(--rd-on-dark)}
.site-nav{margin-inline-start:auto}
.site-nav__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;margin:0;padding:0;list-style:none}
.site-nav__item{position:relative}
.site-nav__link{display:inline-block;padding:8px 0;border-bottom:2px solid transparent;color:var(--rd-on-dark);font-size:15px;text-decoration:none}
.site-nav__link:hover,.site-nav__item.is-current-section>.site-nav__link{border-bottom-color:var(--rd-action)}
.site-nav__menu{position:absolute;left:-16px;top:100%;z-index:10;display:none;min-width:264px;margin:0;padding:10px 0;list-style:none;background:var(--rd-carbon);border:var(--rd-border-width) solid var(--rd-border-dark);border-radius:var(--rd-radius);box-shadow:var(--rd-shadow-overlay)}
.site-nav__menu a{display:block;padding:9px 18px;color:var(--rd-on-dark);font-size:14px;text-decoration:none}
.site-nav__menu a:hover{background:rgba(255,255,255,.06);color:var(--rd-on-dark)}
.site-header__cta{white-space:nowrap}

/* 主内容 */
.site-main{padding-block:var(--rd-block)}

/* 面包屑（网站规划.md §14.4） */
.breadcrumb{margin-bottom:var(--rd-group)}
.breadcrumb__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;color:var(--rd-text-muted);font-size:var(--rd-text-label);letter-spacing:.08em;text-transform:uppercase}
.breadcrumb__item+.breadcrumb__item::before{content:"/";margin-right:8px;color:var(--rd-stainless)}
.breadcrumb a{color:inherit;text-decoration:none}
.breadcrumb a:hover{color:var(--rd-action)}

/* 框架占位页 */
.planning{max-width:var(--rd-width-text);padding:var(--rd-pad);background:var(--rd-surface);border:var(--rd-border-width) solid var(--rd-border);border-radius:var(--rd-radius)}
.planning__meta{margin:0 0 12px;color:var(--rd-text-muted);font-family:var(--rd-font-mono);font-size:var(--rd-text-label);letter-spacing:.1em;text-transform:uppercase}
.planning__title{margin:0 0 16px;font-family:var(--rd-font-display);font-size:var(--rd-text-h1)}
.planning__status{margin:0 0 12px;color:var(--rd-action);font-family:var(--rd-font-mono);font-size:20px}
.planning__note{margin:0;color:var(--rd-text-muted)}
.planning__actions{margin:24px 0 0}

/* 归档回退（Technical Resources） */
.page-head{margin-bottom:var(--rd-group)}
.page-head__intro{max-width:var(--rd-width-text);color:var(--rd-text-muted)}
.post-list{display:grid;gap:var(--rd-gap)}
.card{padding:var(--rd-pad);background:var(--rd-surface);border:var(--rd-border-width) solid var(--rd-border);border-radius:var(--rd-radius)}
.card__media{display:block;margin-bottom:16px}
.card__media img{display:block;border-radius:var(--rd-radius)}
.card__title{margin-bottom:8px;font-size:var(--rd-text-h4)}

/* 页脚（网站规划.md §4.3 / §16） */
.site-footer{padding-block:56px 28px;background:var(--rd-surface-dark);color:var(--rd-on-dark);font-size:var(--rd-text-small)}
.site-footer__main{display:grid;gap:40px}
.site-footer__nav{display:grid;gap:32px}
.brand--footer{margin:0 0 16px;font-family:var(--rd-font-display);font-size:24px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.footer-nav__title{margin:0 0 12px;color:var(--rd-stainless);font-size:var(--rd-text-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.footer-nav__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-nav__list a{color:var(--rd-on-dark);text-decoration:none}
.footer-nav__list a:hover{color:var(--rd-action)}
.footer-contact__list{display:grid;gap:6px;margin:0 0 16px;padding:0;list-style:none;color:var(--rd-stainless)}
.footer-contact__company{color:var(--rd-on-dark);font-weight:600}
.footer-contact__list a{color:inherit;text-decoration:none}
.footer-contact__list a:hover{color:var(--rd-action)}
.footer-contact__note{max-width:36ch;margin:0 0 16px;color:var(--rd-stainless)}
.site-footer__disclaimer{max-width:var(--rd-width-text);margin:40px 0 0;padding-top:24px;border-top:var(--rd-border-width) solid var(--rd-border-dark);color:var(--rd-stainless);font-size:var(--rd-text-label);line-height:1.6}
.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:16px;color:var(--rd-stainless);font-size:var(--rd-text-label)}
.site-footer__bottom a{color:inherit;text-decoration:none}
.site-footer__bottom a:hover{color:var(--rd-action)}

/* 响应式 */
@media (min-width:768px){
	.site-footer__main{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
	.site-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
}
@media (min-width:900px){
	.site-nav__item.has-menu:hover>.site-nav__menu,.site-nav__item.has-menu:focus-within>.site-nav__menu{display:block}
}
@media (min-width:1024px){
	.site-footer__nav{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:899px){
	.site-nav{flex-basis:100%;margin-inline-start:0}
}