.material-detail-page{--detail-deep:#0b382c;--detail-green:#145842;--detail-lime:#b7df4a;--detail-paper:#fff;--detail-ground:#f6f9f4;--detail-line:#d8e3dc;--detail-muted:#687970;min-height:100vh;color:#20352d;background:radial-gradient(circle at 88% 7%,rgba(183,223,74,.15),transparent 25%),var(--detail-ground)}.material-detail-header{position:sticky;z-index:40;top:0;min-height:72px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--detail-line);background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.material-detail-brand{display:flex;align-items:center;gap:11px;color:var(--detail-deep);font-size:17px;font-weight:820}.material-detail-brand img{border-radius:9px}.material-detail-header nav{display:flex;align-items:center;gap:24px;color:#52675e;font-size:13px;font-weight:720}.material-detail-header nav a:hover{color:var(--detail-green)}.material-detail-header .detail-header-cta{padding:11px 16px;color:white;border-radius:8px;background:var(--detail-green)}.material-detail-header .detail-header-cta:hover{color:white;background:var(--detail-deep)}.material-boundary,.material-detail-breadcrumb,.material-detail-final-cta,.material-detail-footer,.material-detail-grid,.material-detail-hero,.related-style-section{width:min(1220px,calc(100% - 44px));margin-right:auto;margin-left:auto}.material-detail-breadcrumb{padding:22px 0;display:flex;align-items:center;gap:10px;color:#728078;font-size:12px}.material-detail-breadcrumb a:hover{color:var(--detail-green)}.material-detail-breadcrumb b{max-width:54vw;overflow:hidden;color:#40534b;text-overflow:ellipsis;white-space:nowrap}.material-detail-hero{min-height:450px;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);align-items:center;gap:clamp(36px,6vw,86px);overflow:hidden;border:1px solid #ccdcd3;border-radius:26px;background:rgba(255,255,255,.93);box-shadow:0 24px 65px rgba(10,55,42,.08)}.material-detail-picture{min-width:0;text-align:center}.material-detail-picture img{width:min(100%,320px);height:auto;filter:drop-shadow(0 18px 24px rgba(38,69,54,.13))}.material-detail-picture small{max-width:320px;margin:14px auto 0;display:block;color:#738077;font-size:11px;line-height:1.55}.material-detail-eyebrow{color:#648b22;font-size:11px;font-weight:900;letter-spacing:.13em}.material-detail-heading h1{margin:9px 0 4px;color:var(--detail-deep);font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-.045em}.material-detail-english{margin:0;color:#718078;font-size:17px;line-height:1.45}.material-detail-pills{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.material-detail-pills b{padding:7px 11px;color:#476255;border:1px solid #ceddd5;border-radius:999px;background:#f8fbf7;font-size:11px}.material-detail-summary{max-width:740px;margin:22px 0 0;color:#53675e;font-size:15px;line-height:1.85}.material-recipe-notice{max-width:740px;margin:14px 0 0;padding:11px 13px;color:#685a2a;border:1px solid #e2d6a3;border-radius:9px;background:#fffbed;font-size:12px;line-height:1.65}.material-detail-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.material-detail-actions a,.material-detail-final-cta a{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:13px;font-weight:820}.material-detail-actions .primary,.material-detail-final-cta .primary{color:white;background:var(--detail-green)}.material-detail-actions .secondary,.material-detail-final-cta .secondary{color:var(--detail-deep);border:1px solid #afc4b8;background:white}.material-detail-grid{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.material-detail-card{min-width:0;padding:clamp(24px,3vw,38px);border:1px solid var(--detail-line);border-radius:20px;background:var(--detail-paper)}.section-heading{display:flex;align-items:flex-start;gap:14px}.material-boundary>div>span,.section-heading>span{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;color:#5e831e;border-radius:10px;background:#eef7d6;font-size:12px;font-weight:900}.material-boundary h2,.material-detail-final-cta h2,.related-style-heading h2,.section-heading h2{margin:0;color:var(--detail-deep);font-size:24px;line-height:1.28}.section-heading p{margin:3px 0 0;color:var(--detail-muted);font-size:12px}.material-detail-card dl{margin:27px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.material-detail-card dl>div{min-height:74px;padding:14px;display:flex;flex-direction:column;justify-content:center;border:1px solid #e1e9e4;border-radius:11px;background:#fafcf9}.material-detail-card dt{color:#748179;font-size:10px}.material-detail-card dd{margin:5px 0 0;color:var(--detail-deep);font-size:15px;font-weight:820}.empty-public-spec{margin:25px 0 0;padding:18px;color:#64736b;border-radius:10px;background:#f4f7f4;font-size:13px;line-height:1.7}.source-box{margin-top:20px;padding:18px;border-left:4px solid var(--detail-lime);border-radius:9px;background:#f4f8ee}.source-box span{display:block;color:#79876c;font-size:10px}.source-box strong{margin-top:4px;display:block;color:var(--detail-deep);font-size:13px}.source-box p{margin:7px 0 0;color:#637168;font-size:11px;line-height:1.6}.source-box a{margin-top:8px;display:inline-block;color:#537a16;font-size:11px;font-weight:800}.material-detail-card.usage h3{margin:26px 0 8px;color:#486156;font-size:12px}.material-detail-card.usage>p{margin:0;color:#566961;font-size:14px;line-height:1.8}.descriptor-list{display:flex;flex-wrap:wrap;gap:8px}.descriptor-list span{padding:8px 11px;color:#426052;border:1px solid #d7e2dc;border-radius:8px;background:#f8faf8;font-size:11px;font-weight:700}.material-detail-card.usage ul{margin:0;padding-left:18px;color:#566961;font-size:13px;line-height:1.9}.material-boundary{margin-top:20px;padding:clamp(24px,3vw,38px);display:grid;grid-template-columns:minmax(210px,.58fr) minmax(460px,1.42fr);gap:28px;border:1px solid #cbd9d1;border-radius:20px;background:linear-gradient(135deg,#123f30,#0a3025);color:white}.material-boundary>div{display:flex;align-items:flex-start;gap:14px}.material-boundary h2{color:white}.material-boundary ul{margin:0;padding-left:21px;color:#d7e4dd;font-size:13px;line-height:1.85}.quality-notice{grid-column:1/-1;margin:0;padding:12px 14px;color:#dce7c2;border:1px solid rgba(183,223,74,.28);border-radius:9px;background:rgba(183,223,74,.08);font-size:11px;line-height:1.6}.related-style-section{padding:54px 0}.related-style-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.related-style-heading span{display:block;margin-bottom:5px;color:#648b22;font-size:10px;font-weight:900;letter-spacing:.13em}.related-style-heading>a{color:#567b18;font-size:12px;font-weight:820}.related-style-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-style-grid>a{min-height:220px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--detail-line);border-radius:16px;background:white;transition:transform .18s ease,box-shadow .18s ease}.related-style-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(10,55,42,.09)}.related-style-grid small{color:#6b8e31;font-size:10px;font-weight:850}.related-style-grid strong{margin-top:5px;color:var(--detail-deep);font-size:20px}.related-style-grid p{margin:13px 0;color:#65766e;font-size:12px;line-height:1.7}.related-style-grid b{margin-top:auto;color:#597c20;font-size:11px}.material-detail-final-cta{margin-bottom:28px;padding:clamp(28px,4vw,46px);display:flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid #c9dad0;border-radius:21px;background:white}.material-detail-final-cta span{color:#648b22;font-size:11px;font-weight:900}.material-detail-final-cta h2{margin-top:5px}.material-detail-final-cta p{max-width:720px;margin:9px 0 0;color:#687970;font-size:12px;line-height:1.7}.material-detail-final-cta>div:last-child{display:flex;flex:0 0 auto;gap:9px}.material-detail-footer{padding:22px 0 36px;display:flex;justify-content:space-between;gap:20px;color:#6f7e76;border-top:1px solid var(--detail-line);font-size:11px}.material-detail-footer a{color:var(--detail-green);font-weight:800}.material-detail-footer>div{display:flex;flex-wrap:wrap;gap:16px}.material-detail-footer p{margin:0}@media (max-width:860px){.material-detail-header nav>a:not(.detail-header-cta){display:none}.material-detail-hero{grid-template-columns:1fr;text-align:left}.material-detail-picture img{width:min(72vw,280px)}.material-boundary,.material-detail-grid,.related-style-grid{grid-template-columns:1fr}.related-style-grid>a{min-height:190px}.material-detail-final-cta{align-items:flex-start;flex-direction:column}.material-detail-final-cta>div:last-child{width:100%}.material-detail-final-cta a{flex:1}}@media (max-width:560px){.material-detail-header{min-height:64px;padding:0 14px}.material-detail-brand span{display:none}.material-detail-header .detail-header-cta{padding:10px 12px;font-size:11px}.material-boundary,.material-detail-breadcrumb,.material-detail-final-cta,.material-detail-footer,.material-detail-grid,.material-detail-hero,.related-style-section{width:min(100% - 24px,1220px)}.material-detail-breadcrumb{padding:15px 0}.material-detail-hero{min-height:0;padding:24px 19px;border-radius:17px}.material-detail-heading h1{font-size:34px}.material-detail-english{font-size:14px}.material-detail-actions{display:grid;grid-template-columns:1fr}.material-detail-card{padding:23px 18px;border-radius:15px}.material-detail-card dl{grid-template-columns:1fr}.material-boundary{padding:24px 19px;border-radius:15px}.related-style-section{padding:38px 0}.related-style-heading{align-items:flex-start;flex-direction:column}.material-detail-final-cta{padding:24px 19px;border-radius:15px}.material-detail-final-cta>div:last-child{display:grid;grid-template-columns:1fr}.material-detail-footer{align-items:flex-start;flex-direction:column}}