/* Blue/orange editorial extension: real scenes, clear hierarchy, quiet cards. */
.editorial-index-header{padding:34px 0 60px;background:#f5f6f8;border-bottom:1px solid var(--gray-200);}
.editorial-index-header .breadcrumb{font-size:.83rem;color:var(--ink-500);margin-bottom:42px;}
.editorial-heading-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;}
.editorial-heading-grid h1{font-size:clamp(2.7rem,4.4vw,4.2rem);line-height:1.03;max-width:700px;color:var(--navy-900);margin:16px 0 0;}
.editorial-heading-grid p{font-size:1.08rem;line-height:1.8;margin:0 0 14px;}
.editorial-jump{display:inline-flex;gap:24px;font-size:.95rem;font-weight:600;border-bottom:1px solid var(--orange-600);padding-bottom:5px;}
.editorial-section-label{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--gray-300);}
.editorial-section-label h2{font:600 1.1rem/1.4 var(--font-body);text-transform:none;margin:0;color:var(--navy-900);}
.editorial-section-label>span{font-size:.85rem;color:var(--ink-500);}
.guide-grid{gap:48px 30px;}
.guide-card{border-bottom:1px solid var(--gray-300);padding-bottom:26px;}
.guide-card-image{aspect-ratio:16/10;border-radius:8px;isolation:isolate;background:#e9ecf0;}
.guide-card-image img{object-fit:cover;object-position:50% 38%;transition:transform .35s ease;}
.guide-card:hover .guide-card-image img{transform:scale(1.025);}
.guide-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;}
.guide-card-meta .guide-topic{margin:0;font-size:.67rem;letter-spacing:.04em;}
.guide-card-meta>span{font-size:.7rem;color:var(--ink-500);white-space:nowrap;}
.guide-card h3{font:600 clamp(1.15rem,1.7vw,1.4rem)/1.4 var(--font-body);text-transform:none;letter-spacing:-.02em;margin-bottom:14px;}
.guide-card h3 a{color:var(--navy-900);}
.guide-card p{font-size:.92rem;line-height:1.75;}
.guide-read{font-size:.85rem;color:var(--navy-800);text-decoration:none;border-bottom-color:var(--orange-600);}
.guide-read span[aria-hidden]{margin-left:7px;}
.editorial-process{background:#f5f6f8;}
.editorial-process-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;}
.editorial-process figure{margin:0;}
.editorial-process figure img{display:block;aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:8px;}
.editorial-process figcaption{font-size:.8rem;color:var(--ink-500);margin-top:10px;}
.editorial-process h2{margin:14px 0 20px;font-size:clamp(2rem,3vw,3rem);}
.editorial-process p{color:var(--ink-500);line-height:1.8;}
.guide-banner{padding-block:40px 46px;background:#f5f6f8;border-bottom:1px solid var(--gray-200);}
.guide-banner::after{display:none;}
.guide-banner .breadcrumb,.guide-banner .breadcrumb a{color:var(--ink-500);}
.guide-banner h1{font:600 clamp(2rem,3.7vw,3.15rem)/1.18 var(--font-body);letter-spacing:-.035em;text-transform:none;color:var(--navy-900);max-width:980px;}
.guide-banner p{color:var(--ink-500);font-size:1rem;max-width:840px;margin-top:20px;}
.guide-layout{grid-template-columns:minmax(0,2.45fr) minmax(220px,1fr);gap:56px;}
.guide-cover{margin:0 0 30px;}
.guide-cover img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 38%;border-radius:8px;}
.guide-cover figcaption{font-size:.8rem;line-height:1.6;color:var(--ink-500);margin-top:10px;}
.guide-byline{font-size:.76rem;gap:8px 18px;margin-bottom:26px;}
.guide-answer{padding:24px 28px;background:#f4f5f9;border-left:3px solid var(--orange-500);margin:0 0 34px;border-radius:0 6px 6px 0;}
.guide-answer p{font-size:1rem;line-height:1.8;color:var(--navy-900);margin:0;}
.guide-answer .guide-topic{font-size:.7rem;margin-bottom:10px;}
.guide-content{font-size:1rem;line-height:1.85;}
.guide-content>p:first-child{font-size:1rem;color:var(--ink-700);}
.guide-content h2,.guide-faq h2{font:600 1.55rem/1.4 var(--font-body);text-transform:none;letter-spacing:-.02em;color:var(--navy-900);scroll-margin-top:140px;}
.guide-content strong{font-weight:600;}
.guide-content ol{padding-left:24px;margin:0 0 24px;}
.guide-table-wrap{border-radius:6px;overscroll-behavior-inline:contain;scrollbar-color:var(--gray-400) var(--gray-100);}
.guide-content table{font-size:15px;min-width:560px;margin:0;}
.guide-content caption{font-size:14px;line-height:1.5;}
.guide-content th,.guide-content td{padding:14px;text-transform:none;}
.guide-content thead th{background:var(--navy-900);color:#fff;font-weight:600;}
.guide-content tbody tr:nth-child(even) td{background:#f8f9fb;}
.guide-toc{border-top:2px solid var(--navy-900);padding-top:22px;}
.guide-toc h2,.guide-side-panel h2{font:600 1rem/1.5 var(--font-body);text-transform:none;margin-bottom:16px;}
.guide-toc ol{list-style:none;padding:0;margin:0;counter-reset:guide;}
.guide-toc li{counter-increment:guide;border-bottom:1px solid var(--gray-200);}
.guide-toc a{display:flex;gap:12px;padding:12px 0;font-size:.85rem;line-height:1.6;color:var(--ink-500);}
.guide-toc a::before{content:counter(guide,decimal-leading-zero);color:var(--orange-600);font-size:.72rem;font-weight:600;padding-top:2px;}
.guide-toc a:hover{color:var(--navy-900);}
.guide-side-panel .btn{font:600 .86rem/1.5 var(--font-body);text-transform:none;letter-spacing:0;padding:14px 20px;}
.guide-side-panel:last-child{background:var(--gray-100);border:0;border-radius:8px;padding:24px;}
.guide-faq{margin-top:42px;scroll-margin-top:140px;}
.guide-faq details{border-bottom:1px solid var(--gray-300);padding:20px 0;}
.guide-faq summary{cursor:pointer;font-size:1rem;font-weight:600;color:var(--navy-900);line-height:1.7;padding-right:20px;}
.guide-faq p{font-size:.96rem;line-height:1.8;color:var(--ink-700);margin:16px 0 0;}
.guide-faq details[open] summary{color:var(--navy-800);}
/* Shared refinement without changing product-photo composition or brand type. */
.product-card-facts{list-style:none;margin:0 0 10px;padding:0;color:var(--ink-500);font-size:.94rem;line-height:1.65;}
.product-card-facts li{padding:8px 0;border-top:1px solid var(--gray-200);}
.product-card-facts li:first-child{border-top:0;padding-top:0;}
.product-card .card-body h3{margin-bottom:0;}
.process-jump,.process-reading{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:32px;font-size:.92rem;}
.process-jump a,.process-reading a{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--orange-600);text-underline-offset:6px;}
.process-chapter{padding:30px 0 42px;border-bottom:1px solid var(--gray-300);}
.process-chapter:last-child{border-bottom:0;padding-bottom:0;}
.process-chapter-heading{display:grid;grid-template-columns:54px 1fr;gap:20px;max-width:920px;margin-bottom:25px;}
.process-chapter h3,.process-route h3{font:600 1.45rem/1.4 var(--font-body);text-transform:none;color:var(--navy-900);margin:0 0 12px;}
.process-chapter p,.process-route p{font-size:1rem;line-height:1.8;color:var(--ink-500);}
.process-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.process-photo-grid figure{margin:0;background:#fff;}
.process-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.process-photo-grid figcaption{padding:12px 14px;font-size:.85rem;line-height:1.55;color:var(--ink-700);}
.process-route{border-top:1px solid var(--gray-300);padding:28px 0;}
.process-route-steps{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px;padding:0!important;margin:20px 0!important;counter-reset:stage;}
.process-route-steps li{position:relative;padding:14px 16px;background:#f1f3f7;color:var(--navy-900);font-size:.88rem;line-height:1.5;max-width:220px;}
.process-route-steps li:not(:last-child)::after{content:'→';position:absolute;right:-20px;color:var(--orange-600);}
.process-scope{border-left:3px solid var(--orange-500);padding:12px 22px;color:var(--ink-500);background:var(--gray-100);font-size:.9rem;}
.guide-content .guide-process-photo{max-width:min(100%,var(--source-width));margin:28px auto;}
.guide-content .guide-process-photo img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#f5f6f8;}
.guide-process-photo figcaption{font-size:.82rem;line-height:1.6;color:var(--ink-500);padding-top:10px;}
.supplementary-photo-note{font-size:.86rem;color:var(--ink-500);}
@media(max-width:900px){.process-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){.process-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.process-chapter-heading{grid-template-columns:36px 1fr;gap:12px;}.process-chapter h3,.process-route h3{font-size:1.2rem;}.process-photo-grid figcaption{padding:10px;font-size:.78rem;}.process-route-steps li{max-width:calc(50% - 12px);}.process-jump{display:grid;gap:16px;}}
.section-head .eyebrow{margin-bottom:14px;}
.section-head>p{line-height:1.8;}
.card{border-color:#e4e7ed;box-shadow:0 2px 6px rgba(18,21,74,.035);transition:box-shadow .2s ease,border-color .2s ease;}
.card:hover{border-color:#cbd1dd;box-shadow:0 8px 24px rgba(18,21,74,.075);}
.card-body{padding:24px;}
.card-body p{line-height:1.75;}
.product-card .card-body{gap:12px;}
.product-card .card-link{align-self:flex-start;text-decoration-thickness:1px;}
.project-gallery-item{box-shadow:none;}
.process-flow li{border-top-color:#cbd1dd;}
.process-flow h3{font:600 1rem/1.5 var(--font-body);text-transform:none;}
.process-flow.process-flow-illustrated{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px;align-items:start;}
.process-flow-illustrated>li{display:block;min-width:0;padding-top:18px;}
.process-flow-illustrated h3{min-height:3em;margin:0 0 18px;}
.process-flow-illustrated .process-step-photo{margin:0 0 18px;}
.process-flow-illustrated figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.process-flow-illustrated figcaption{font-size:.78rem;line-height:1.5;padding:8px 0;color:var(--ink-500);}
.process-flow-illustrated .process-step-description{font-size:.95rem;line-height:1.8;margin:0;}
.process-flow-illustrated .process-visual-link{display:block;border:1px solid #dce3ed;border-radius:6px;overflow:hidden;background:#f4f7fb;}
.process-flow-illustrated .process-visual-link:focus-visible{outline:3px solid var(--orange-600);outline-offset:4px;}
.process-flow-illustrated .process-step-diagram img{object-fit:contain;}
.process-visual-kind{display:block;font-size:.67rem;line-height:1.4;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--navy-800);margin-bottom:5px;}
.process-step-more{margin-top:16px;border-top:1px solid var(--gray-300);padding-top:12px;}
.process-step-more summary{cursor:pointer;color:var(--navy-900);font-size:.85rem;font-weight:600;}
.process-step-more summary:focus-visible{outline:2px solid var(--orange-600);outline-offset:4px;}
.process-step-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.process-step-extra figure{margin:0;min-width:0;}
@media(max-width:900px){.process-flow.process-flow-illustrated{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.process-flow.process-flow-illustrated{grid-template-columns:minmax(0,1fr);gap:30px;}.process-flow-illustrated h3{min-height:0;}.process-flow-illustrated .process-step-photo{max-width:360px;}}
.manufacturing-intro figure img{aspect-ratio:16/10;}
@media(max-width:1000px){.editorial-heading-grid{gap:36px;}.editorial-process-grid{gap:32px;}.guide-layout{grid-template-columns:minmax(0,1.9fr) minmax(210px,1fr);gap:30px;}.guide-card-meta{flex-wrap:wrap;gap:5px 12px;}.guide-card h3{font-size:1.23rem;}}
@media(max-width:760px){.editorial-heading-grid,.editorial-process-grid,.guide-layout{grid-template-columns:minmax(0,1fr);gap:30px;}.editorial-index-header{padding:26px 0 38px;}.editorial-index-header .breadcrumb{margin-bottom:28px;}.editorial-heading-grid h1{font-size:2.8rem;}.editorial-heading-grid p{font-size:1rem;}.editorial-section-label{display:block;}.editorial-section-label>span{display:block;margin-top:10px;font-size:.78rem;}.guide-grid{gap:34px 24px;}.guide-card-meta{flex-wrap:nowrap;}.guide-banner{padding:28px 0 34px;}.guide-banner h1{font-size:2rem;}.guide-sidebar{border-top:0;padding-top:0;}.guide-toc{display:none;}.guide-answer{padding:20px;}.guide-content h2,.guide-faq h2{font-size:1.35rem;}.guide-cover{margin-bottom:24px;}.editorial-process-grid figure{order:2;}.editorial-process .btn{white-space:normal;}.guide-content table{font-size:15px;}.guide-byline{gap:8px 14px;}}
@media(prefers-reduced-motion:reduce){.guide-card-image img,.card{transition:none;}.guide-card:hover .guide-card-image img{transform:none;}}
