/* Product material, finishing and production guide. */
.detail-page{--detail-navy:#18283b;--detail-warm:#f3f1ed}
.detail-page h2{text-wrap:balance}.detail-page p,.production-steps span{word-break:keep-all;overflow-wrap:anywhere}.detail-page section[id],.detail-page #order{scroll-margin-top:100px}
.detail-highlights{display:flex;flex-wrap:wrap;gap:7px}.detail-highlights span{padding:7px 10px;background:#f0f3f7;border-radius:5px;font-size:12px;color:#34435a;font-weight:700}.product-facts dd{line-height:1.65}.product-facts dd small{font-size:12px}
.detail-jump{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px;padding:18px 0;border-block:1px solid var(--line);font-size:14px;font-weight:700}.detail-jump a:hover{color:var(--blue)}.detail-page :is(a,button,summary):focus-visible{outline:3px solid #175cff;outline-offset:4px}
.mesh-editorial{display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;margin-top:30px;border-radius:24px;background:var(--detail-warm)}.mesh-editorial-copy{align-self:center;padding:36px}.mesh-editorial h2,.finishing-section h2,.production-section h2{margin:0;font-size:clamp(30px,3.2vw,42px);letter-spacing:-.055em;line-height:1.25}.mesh-editorial-copy>p{margin:26px 0;color:#59606a;line-height:1.9;font-size:16px}.material-tag{color:#73766f;font-size:10px;letter-spacing:.13em}.mesh-editorial-image{display:flex;flex-direction:column;margin:0;background:#e8e5df}.mesh-editorial-image img{width:100%;height:100%;min-height:290px;object-fit:cover}.mesh-editorial-image figcaption,.finishing-figure figcaption{padding:15px 20px;font-size:11px;line-height:1.7;color:#62676e;word-break:keep-all}
.detail-block{margin-top:64px}.detail-page .detail-section-heading h2{line-height:1.23;font-size:clamp(28px,3.4vw,42px)}.detail-page .detail-section-heading p{max-width:720px;font-size:16px}.material-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.material-features article{padding:24px;background:#f6f7f9;border-radius:16px}.material-features article>span{color:#69798a;font-size:11px;letter-spacing:.1em}.material-features h3{margin:16px 0 10px;font-size:20px;letter-spacing:-.04em}.material-features p,.care-grid p{margin-bottom:0;color:#5b6573;font-size:14px;line-height:1.85}.material-note{margin-top:22px;padding:23px 28px;border-left:3px solid #aabbd0;background:#fafbfc}.material-note strong{font-size:15px}.material-note p{margin:10px 0 0;color:#5b6573;font-size:13px;line-height:1.8}
.finishing-section{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:42px;padding-top:48px;border-top:1px solid var(--line)}.finishing-copy>p{line-height:1.85;color:#5b6573}.finishing-spec{margin:26px 0}.finishing-spec div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.finishing-spec dt{color:#5b6573}.finishing-spec dd{margin:0;font-weight:700}.finishing-copy .finishing-distinction{font-size:13px;padding:16px 20px;background:#f4f6f8;border-radius:10px}.finishing-figure{margin:0;padding:20px;background:var(--detail-warm);border-radius:22px;text-align:center}.finishing-figure img{display:block;width:100%;height:auto;max-height:430px}
.detail-page .inline-stands{padding:0;margin-bottom:0}.stand-reuse{display:flex;align-items:center;gap:30px;padding:24px 28px;margin-bottom:28px;background:#eff4fa;border-radius:12px}.stand-reuse>strong{flex-shrink:0;color:#29456b}.stand-reuse p{margin:0;color:#536780;font-size:14px;line-height:1.8}.detail-page .stand-caution{padding:18px 22px;border:1px solid #e2e7ed;border-radius:10px;color:#536072!important;line-height:1.8}
.production-section{display:grid;grid-template-columns:1fr 230px;gap:24px;padding:36px;border-radius:24px;background:var(--detail-navy);color:#fff}.production-section .eyebrow{color:#a8c4ec}.production-section>div>p{color:#c6d0dc;line-height:1.85;max-width:610px}.production-time{align-self:center;text-align:center;border-left:1px solid #495868}.production-time>span{font-size:13px;color:#c6d0dc}.production-time>strong{display:block;margin:0;font-size:76px;font-weight:600;letter-spacing:-.06em;line-height:1.2}.production-time small{font-size:24px;margin-left:8px}.production-time p{margin:8px 0 0;font-size:12px}.production-time b{font-weight:500;color:#a8b8cb}.production-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;grid-column:1/-1;list-style:none;padding:0;margin:6px 0 0;background:#415062;border:1px solid #415062;border-radius:12px;overflow:hidden}.production-steps li{display:grid;gap:12px;padding:24px;background:#203247}.production-steps b{font-size:11px;color:#a8c4ec}.production-steps strong{font-size:18px}.production-steps span{color:#c6d0dc;font-size:12px;line-height:1.7}.production-note{grid-column:1/-1;margin:-8px 0 0;color:#c6d0dc;font-size:12px;line-height:1.8}
.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px}.care-grid article{padding:26px 0;border-top:1px solid var(--line)}.care-grid article>span{color:#6e7f91;font-size:12px}.care-grid h3{margin:12px 0;font-size:21px}.detail-faq details{padding:17px 4px;border-top:1px solid var(--line)}.detail-faq details:last-child{border-bottom:1px solid var(--line)}.detail-faq summary{cursor:pointer;font-weight:700;font-size:16px;line-height:1.7}.detail-faq details p{margin:15px 0 0;max-width:860px;color:#5b6573;font-size:14px;line-height:1.85}.detail-page .detail-order-flow{background:var(--detail-warm);border:0}
@media(max-width:980px){.mesh-editorial{grid-template-columns:1fr}.mesh-editorial-image img{min-height:0;height:auto;aspect-ratio:3/2}.material-features{gap:12px}.material-features article{padding:22px}.finishing-section{gap:28px}.production-section{padding:34px;grid-template-columns:1fr 170px}.production-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.detail-jump{margin-top:26px;padding:16px 0;gap:16px 22px;font-size:13px}.mesh-editorial{margin-top:28px;border-radius:16px}.mesh-editorial-copy{padding:28px 24px}.mesh-editorial h2,.finishing-section h2,.production-section h2{font-size:28px;line-height:1.3}.mesh-editorial-copy>p{font-size:14px}.mesh-editorial .eyebrow{font-size:10px;letter-spacing:.06em}.detail-block{margin-top:44px}.detail-page .detail-section-heading h2{font-size:30px}.detail-page .detail-section-heading p{font-size:14px}.material-features{grid-template-columns:1fr}.material-features h3{margin-top:16px;font-size:21px}.material-note{padding:20px}.finishing-section{grid-template-columns:1fr;padding-top:44px}.finishing-copy>p{font-size:14px}.finishing-spec div{grid-template-columns:82px 1fr;gap:10px;font-size:13px}.finishing-figure{padding:12px}.finishing-figure img{max-height:340px}.stand-reuse{display:block;padding:22px}.stand-reuse p{margin-top:10px}.production-section{grid-template-columns:1fr;padding:28px 22px;gap:26px;border-radius:18px}.production-section h2{font-size:28px}.production-section>div>p{font-size:14px}.production-time{border-left:0;border-block:1px solid #495868;padding:22px 0}.production-steps li{padding:19px 14px}.production-steps strong{font-size:16px}.care-grid{grid-template-columns:1fr}.detail-faq summary{font-size:15px}.detail-page .detail-order-flow>a{display:flex;margin-right:0}}

/* Compact reading rhythm: retain the five main topics without repeated panels. */
.mesh-explainer{margin-top:22px}.material-note{padding:18px 22px}.detail-page .detail-section-heading{margin-bottom:22px}
.detail-page .inline-stands .stand-comparison{height:auto;max-height:430px;object-fit:contain;background:#f4f6f8}
.detail-page .stand-explain-grid article{padding:24px}.detail-page .stand-explain-grid article>span{font-size:11px}.detail-page .stand-explain-grid p{min-height:0;margin-bottom:0}
.production-steps{display:flex;flex-wrap:wrap;gap:8px 0;border:0;background:transparent;margin:0;border-radius:0}
.production-steps li{display:flex;gap:14px;align-items:center;padding:0;background:transparent;font-size:13px;color:#c6d0dc}
.production-steps li+li::before{content:'→';margin-left:14px;color:#90aac8}.production-note{margin:0}
.care-section details{padding:20px 24px;border-radius:12px;background:#f4f6f8}.care-section summary{font-size:15px;font-weight:700;cursor:pointer;line-height:1.7}.care-section ul{margin:16px 0 0;padding-left:20px;color:#5b6573;font-size:14px;line-height:1.9}
.detail-page .detail-faq{margin-top:44px}.detail-page .detail-order-flow{margin-top:48px;padding:32px}.detail-page .detail-order-flow h2{font-size:28px}
@media(max-width:680px){
.mesh-editorial-image img{aspect-ratio:16/9;object-fit:cover}.mesh-editorial-copy>p{margin:18px 0}.material-features article{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:18px}.material-features article>span{display:none}.material-features h3{margin:0;font-size:16px;line-height:1.6;word-break:keep-all}.material-features p{margin:0;font-size:13px;line-height:1.7}
.finishing-section{padding-top:32px}.finishing-spec{margin:18px 0}.finishing-spec div{padding:12px 0}.finishing-copy .finishing-distinction{padding:12px 16px}.finishing-figure img{max-height:340px}.finishing-figure figcaption{padding:8px 10px;font-size:10px}
.stand-reuse{padding:18px;margin-bottom:20px}.stand-reuse p{margin-top:6px}.detail-page .stand-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-page .stand-explain-grid article{padding:18px 14px}.detail-page .stand-explain-grid h3{font-size:17px;line-height:1.5;margin:10px 0}.detail-page .stand-explain-grid strong{font-size:16px}.detail-page .stand-explain-grid p{font-size:12px;line-height:1.7}.detail-page .stand-caution{padding:14px 16px;font-size:12px}
.production-section{gap:20px;padding:26px 22px}.production-section h2{font-size:26px}.production-time{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #495868;padding:14px 0}.production-time>strong{font-size:56px}.production-time small{font-size:22px}.production-section>div>p{margin-bottom:0}.production-section .production-steps li{padding:0;font-size:12px}
.care-section details{padding:18px}.detail-page .detail-faq{margin-top:36px}.detail-page .detail-order-flow{padding:24px;margin-top:36px}.detail-page .detail-order-flow h2{font-size:25px}.detail-page .detail-order-flow .detail-section-heading{margin-bottom:18px}
}
.detail-page .detail-order-intro{margin:0 0 32px;padding:24px;background:#f8faf4;border:1px solid #e3e9dc;border-radius:18px;scroll-margin-top:90px}.detail-page .detail-order-intro h2{font-size:clamp(24px,3vw,32px)}.detail-page .detail-order-intro .detail-section-heading{margin-bottom:0}.detail-page .detail-order-intro .detail-section-heading p{margin:8px 0 0;font-size:15px;line-height:1.6}.detail-page .detail-order-intro ol{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 12px}.detail-page .detail-order-intro li{min-height:120px;padding:18px}.detail-page .detail-order-intro li strong{margin-top:10px;font-size:17px}.detail-page .detail-order-intro li span{font-size:13px}.detail-order-footnote{margin:10px 0 16px;color:#586274;font-size:13px;line-height:1.6}.detail-page .detail-order-intro>a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:8px;font-weight:800}
.detail-page .detail-order-intro .detail-section-heading p.guide-title{margin:6px 0 0;font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.25;color:#111827;letter-spacing:-.04em}
@media(max-width:680px){.detail-page .detail-order-intro{padding:18px;margin-bottom:22px}.detail-page .detail-order-intro ol{grid-template-columns:1fr;gap:1px}.detail-page .detail-order-intro li{min-height:0;padding:12px 14px}.detail-page .detail-order-intro li strong{margin-top:4px;font-size:15px}.detail-page .detail-order-intro li span{margin-top:4px}.detail-page .detail-order-intro .detail-section-heading p{font-size:14px}}
