.z-guide{padding-bottom:25px}.z-guide .wrap{max-width:1160px}.z-intro{padding:34px 0 18px}.z-intro h1{font-size:clamp(29px,4.5vw,49px);line-height:1.45;margin:10px 0}.z-intro p{margin:6px 0}.z-steps{display:flex;list-style:none;padding:0;margin:12px 0 20px;border-bottom:2px solid #d9ccbb;gap:0}.z-steps li{flex:1;padding:13px 8px;color:#70655d;font-weight:bold;text-align:center;font-size:15px}.z-steps .active{color:#a33623;border-bottom:4px solid #a33623;margin-bottom:-2px}.z-current{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #b9a591;border-left:5px solid #a33623;padding:14px 18px;position:sticky;top:79px;z-index:9;gap:12px}.z-current[hidden]{display:none}.z-current strong{font-size:21px}.z-current button,.z-back{padding:11px 14px;background:#fff;border:1px solid #a48b78;border-radius:5px;font-weight:bold;min-height:46px}.z-models{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.z-model{display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid #d5c9b8;background:white;border-radius:9px;text-align:left;padding:0;color:#30251f}.z-model img{grid-column:1/-1;width:100%;height:155px;object-fit:contain;background:white;padding:6px}.z-model>span:not(.z-no-photo){padding:13px}.z-model strong{display:block;font-size:20px}.z-model small{display:block;font-size:12px;color:#756b62}.z-model b{align-self:center;padding:12px;color:#a33623}.z-model:hover,.z-family:hover{border-color:#a33623;box-shadow:0 2px 8px #30251f18}.z-no-photo{display:grid;place-items:center;background:#f0ece4;min-height:100px;padding:15px;color:#6c6259;font:700 18px monospace;overflow-wrap:anywhere}.z-model>.z-no-photo{grid-column:1/-1;min-height:155px}.z-searchline{display:flex;align-items:end;gap:20px;margin:23px 0}.z-searchline form{flex:1}.z-searchline label{font-size:13px;color:#504139}.z-searchline form>div{display:flex;gap:8px}.z-searchline input{font-size:16px;margin:5px 0 0;min-height:48px;background:#fff}.z-searchline form button{background:#a33623;color:#fff;border:0;border-radius:5px;min-width:75px;margin-top:5px}.z-year select{background:#fff;font-size:15px;min-height:48px}.z-areas{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:18px 0 23px}.z-areas button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;border:1px solid #cfc0ae;background:#fff;border-radius:7px;min-height:104px;padding:12px 6px;color:#3d3028}.z-areas svg{width:36px;height:36px;color:#a33623}.z-areas [aria-pressed=true]{background:#a33623;color:white;border-color:#a33623}.z-areas [aria-pressed=true] svg{color:white}.z-areas strong{font-size:13px}.z-family-section{padding:20px 0;scroll-margin-top:165px}.z-family-section h3{border-bottom:2px solid #ab8b73;padding-bottom:10px;font-size:22px}.z-families{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.z-family{display:flex;align-items:center;gap:12px;min-height:100px;text-align:left;background:white;border:1px solid #d5c9b8;border-radius:7px;padding:12px;color:#30251f}.z-family>img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.z-family>svg{width:60px;height:60px;flex-shrink:0;color:#947b65;padding:8px}.z-family>span{flex:1}.z-family strong{font-size:16px;display:block}.z-family small{font-size:11px;display:block;color:#756b62}.z-family b{color:#a33623}.z-result-title{margin:22px 0}.z-result-title h2{font-size:28px}.z-result-title p{margin:5px 0}.z-result-count{color:#625448;font-size:13px}.z-product{display:grid;grid-template-columns:185px 1fr;gap:24px;border:1px solid #cfc0ae;background:#fff;padding:24px;border-radius:9px;margin:16px 0;overflow-wrap:anywhere}.z-product>img{width:100%;max-height:210px;object-fit:contain}.z-product>.z-no-photo{align-self:start}.z-product-answer>small{color:#746255;display:block}.z-code{font:700 29px/1.4 monospace;color:#97331f;display:block;margin:4px 0 7px}.z-product h3{font-size:18px;margin:5px 0 10px}.z-product p{font-size:13px;line-height:1.8;margin:12px 0}.z-fit{display:inline-block;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:bold;background:#f0ede7}.z-fit.yes{background:#e7eee1;color:#294c30}.z-fit.conditional{background:#fff0d2;color:#714c0b}.z-year-note{display:block;font-size:12px;color:#74551e}.z-oem{padding:10px 12px;background:#f7f3eb}.z-oem small{display:block;font-size:11px}.z-product details{font-size:13px;margin:12px 0}.z-guide summary{cursor:pointer;padding:13px 0;min-height:46px;font-weight:bold}.z-product details a{text-decoration:underline}.z-primary{display:flex;justify-content:center;align-items:center;background:#a33623;color:#fff!important;padding:14px 18px;border-radius:5px;margin-top:15px;font-weight:bold;font-size:15px;min-height:50px}.z-primary:hover{background:#722a1c}.z-unconfirmed,.z-diagrams{border:1px solid #cbbb9f;border-radius:7px;background:#f1ebdf;padding:8px 18px;margin-top:25px}.z-diagrams img{display:block;max-width:100%;max-height:650px;object-fit:contain;margin:12px auto}.z-more{display:block;background:white;border:1px solid #a33623;color:#a33623;border-radius:5px;padding:16px;width:100%;font-weight:bold}.z-empty{padding:24px;background:white;border:1px solid #d5c9b8}.z-empty a{text-decoration:underline}.z-bottom{display:flex;flex-wrap:wrap;gap:15px 25px;border-top:1px solid #cfc0ae;padding-top:22px;margin-top:35px;font-size:13px;text-decoration:underline}.z-disclaimer,.z-credits{font-size:11px;color:#756b62}.z-guide h2{margin:20px 0 10px}.z-guide button:focus-visible{outline:3px solid #a33623;outline-offset:3px}body:has(.z-guide) header nav a:not(:first-child){display:none}body:has(.z-guide) .header{min-height:70px}body:has(.z-guide) .z-current{top:71px}body:has(.z-guide) #z-chat-launch{display:none}
@media(max-width:800px){.z-models{grid-template-columns:repeat(3,1fr)}.z-families{grid-template-columns:repeat(2,1fr)}.z-areas{grid-template-columns:repeat(4,1fr)}.z-product{grid-template-columns:130px 1fr;padding:18px;gap:18px}.z-model img{height:130px}}
@media(max-width:550px){.z-guide .wrap{padding:0 16px}.z-intro{padding-top:22px}.z-intro h1{font-size:29px;letter-spacing:-.8px}.z-steps li{font-size:12px;padding:12px 3px}.z-models{grid-template-columns:repeat(2,1fr);gap:10px}.z-model img{height:115px}.z-model strong{font-size:18px}.z-model>span:not(.z-no-photo){padding:10px}.z-model small{font-size:10px}.z-model b{padding:8px}.z-current{padding:11px;top:65px!important}.z-current strong{font-size:19px}.z-current span{font-size:11px;display:block}.z-current button{font-size:12px;padding:9px}.z-searchline{display:block;margin:18px 0}.z-year{display:block;margin-top:13px}.z-areas{grid-template-columns:repeat(3,1fr);gap:7px}.z-areas button{min-height:90px}.z-areas strong{font-size:12px}.z-families{grid-template-columns:1fr}.z-family{min-height:85px}.z-family>img{width:65px;height:65px}.z-product{display:block;padding:18px}.z-product>img{width:100%;height:150px;margin-bottom:12px}.z-product>.z-no-photo{min-height:60px;margin-bottom:12px}.z-code{font-size:29px}.z-product h3{font-size:17px}.z-result-title h2{font-size:24px}.z-family-section{scroll-margin-top:165px}body:has(.z-guide) .header{flex-wrap:nowrap;padding:10px 0;min-height:64px}body:has(.z-guide) header nav{width:auto;font-size:11px}body:has(.z-guide) .logo{font-size:16px}body:has(.z-guide) .logo small{font-size:7px}.z-bottom{gap:12px 20px}}
.z-current>div:last-child{display:flex;gap:8px}.z-search-options{margin-top:24px;border-top:1px solid #cfc0ae}.z-other-parts{margin-top:15px}.z-static-index{font-size:12px;margin:20px 0}.z-static-index summary{cursor:pointer;padding:14px 0}.z-static-index a{display:inline-block;padding:6px;text-decoration:underline}.z-guide [hidden]{display:none!important}@media(max-width:550px){.z-current>div:last-child{gap:5px}.z-current button{font-size:11px;padding:7px;min-height:44px}}
.z-exterior-types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.z-type{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #cfc0ae;border-radius:9px;padding:22px 12px;min-height:180px;color:#30251f;gap:8px}.z-type svg{width:56px;height:56px;color:#a33623}.z-type strong{font-size:18px}.z-type small{font-size:11px;color:#756b62}.z-type>span{font-size:12px;color:#a33623}.z-type:hover{border-color:#a33623;background:#fffaf2}.z-part-explain{background:#f1e7d7;padding:12px 15px;border-left:4px solid #a33623}@media(max-width:750px){.z-exterior-types{grid-template-columns:repeat(2,1fr)}.z-type{padding:18px 9px;min-height:165px}.z-type strong{font-size:16px}.z-type small{font-size:10px}}
/* Photo-led shop layout: three columns on phones and desktop. */
.z-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.z-product.z-photo-card{display:flex;flex-direction:column;gap:0;margin:0;padding:12px;border:0;border-radius:0;background:#fff;min-width:0;overflow-wrap:anywhere}.z-product-picture{display:block;aspect-ratio:1;background:#fff;width:100%;overflow:hidden}.z-product-picture img{width:100%;height:100%;object-fit:contain;display:block}.z-product-picture .z-no-photo{height:100%;min-height:0;font-size:13px;text-align:center}.z-photo-card .z-product-answer{display:flex;flex-direction:column;flex:1;padding:10px 2px 0;min-width:0}.z-photo-card h3{font-size:15px;line-height:1.6;margin:5px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:72px}.z-photo-card .z-code{font-size:16px;margin:4px 0 8px;overflow-wrap:anywhere}.z-photo-card .z-fit{font-size:10px;line-height:1.5;padding:4px 6px}.z-photo-card .z-primary{margin-top:auto;font-size:12px;padding:10px 5px;min-height:42px;border-radius:2px}.z-photo-card .z-product-answer>small{font-size:11px}.z-shared{font-size:10px;color:#725032;margin:5px 0}.z-photo-card .z-year-note{font-size:10px}.z-photo-card .z-product-name{color:#30251f}.z-visible-search .z-search-options{margin-top:14px}.z-visible-search .z-searchline{margin-top:0}.z-visible-search .z-search-options[open]>summary{padding-bottom:4px}.z-families{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.z-family{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px;min-width:0}.z-family>img,.z-family>svg{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.z-family>svg{padding:20%}.z-family>span{display:block}.z-family strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.z-family b{display:none}.z-family small{font-size:10px}.z-exterior-types{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:550px){.z-product-grid{gap:7px}.z-product.z-photo-card{padding:5px}.z-photo-card h3{font-size:11px;line-height:1.5;min-height:50px;-webkit-line-clamp:3}.z-photo-card .z-code{font-size:11px;line-height:1.4}.z-photo-card .z-product-answer>small{font-size:9px}.z-photo-card .z-fit{font-size:8px;padding:3px;line-height:1.4}.z-photo-card .z-primary{font-size:9px;padding:8px 2px;min-height:40px}.z-photo-card .z-year-note,.z-shared{font-size:8px}.z-product-picture .z-no-photo{font-size:10px;padding:5px}.z-families{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.z-family{padding:6px;min-height:0}.z-family>img{width:100%;height:auto}.z-family>svg{width:100%;height:auto}.z-family strong{font-size:11px;line-height:1.5}.z-family small{font-size:9px}.z-type{padding:13px 6px;min-height:145px}.z-type strong{font-size:13px;line-height:1.5}.z-type svg{width:42px;height:42px}.z-type small{font-size:9px}.z-type>span{font-size:10px}.z-exterior-types{gap:8px}}
.z-showing-products .z-steps{display:none}.z-showing-products .z-current{margin-top:14px}.z-showing-products .z-result-title{margin:16px 0 8px}.z-showing-products .z-result-title>p{display:none}.z-showing-products .z-result-title h2{margin:8px 0;font-size:23px}.z-year-more{min-width:150px}.z-year-more summary{font-size:12px}.z-no-photo-list{border-top:1px solid #d5c9b8;margin:15px 0}.z-no-photo-list ul{list-style:none;padding:0}.z-no-photo-list li{border-bottom:1px solid #ddd2c4;padding:12px 0;font-size:12px}.z-no-photo-list .z-fit{font-size:10px;margin-left:8px}.z-no-photo-list a{text-decoration:underline}@media(max-width:550px){.z-year-more{min-width:0}.z-searchline:has(.z-year-more){display:grid;grid-template-columns:1fr}.z-year-more summary{padding:4px 0;min-height:30px}.z-visible-search .z-search-options{margin-top:10px}.z-showing-products .z-current{margin-top:8px}.z-showing-products .z-result-title h2{font-size:20px}.z-showing-products .z-back{font-size:11px;min-height:36px;padding:6px 10px}}
/* Z2 tank emblem close-up behind the first-screen message. */
.z-intro{position:relative;isolation:isolate;overflow:hidden;margin:22px 0 18px;padding:32px 28px;min-height:285px;border-radius:7px;background:#f3efe5}.z-intro:before{content:'';position:absolute;z-index:-1;inset:0 0 0 42%;background-image:linear-gradient(90deg,#f3efe5,transparent 40%),url('/assets/z2-1973-official.jpg');background-size:cover,400% auto;background-position:center,52% 41%;background-repeat:no-repeat}.z-intro h1{position:relative;max-width:720px}.z-intro p{position:relative}.z-intro:after{content:'1973 Z2 / 写真：カワサキ';position:absolute;right:10px;bottom:6px;font-size:9px;color:#514239;background:#fffaf0cc;padding:2px 6px;border-radius:2px}
@media(max-width:550px){.z-intro{margin:14px 0;padding:22px 16px 190px;min-height:360px}.z-intro:before{inset:auto 0 0;height:195px;background-image:linear-gradient(180deg,#f3efe5,transparent 30%),url('/assets/z2-1973-official.jpg');background-size:cover,400% auto;background-position:center,52% 41%}.z-intro h1{font-size:27px;line-height:1.5}.z-intro>p:not(.eyebrow){font-size:13px}.z-intro:after{font-size:8px}}
/* Dark tank banner matching the supplied visual reference. */
.z-intro{background:#050505;color:#fff;min-height:330px}.z-intro:before{inset:0;background-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.78) 28%,transparent 65%),url('/assets/z2-dark-banner.png');background-size:cover,cover;background-position:center,center 45%}.z-intro h1{color:#fff;text-shadow:0 2px 12px #000;max-width:650px}.z-intro .eyebrow{color:#e4bca2}.z-intro p{color:#eee}.z-intro:after{content:none;display:none;background:#0009;color:#ddd}
@media(max-width:550px){.z-intro{min-height:380px;padding-bottom:190px}.z-intro:before{inset:0;height:auto;background-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 65%),url('/assets/z2-dark-banner.png');background-size:cover,auto 270px;background-position:center,70% bottom}.z-intro h1{font-size:27px}}