.page-intro{padding-top:65px;padding-bottom:43px}.page-intro h1{max-width:1000px;font-size:clamp(48px,6vw,82px);line-height:1.04;letter-spacing:-2.5px;margin-top:23px}.page-lead{max-width:700px;font-size:16px;color:var(--muted);margin-top:25px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:32px}.breadcrumb a{padding-block:5px}.breadcrumb a:hover{color:var(--accent)}
.feature-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 35px;padding-bottom:85px}.feature-card{display:block;min-width:0;border-bottom:1px solid var(--line)}.feature-thumb{background:var(--image-mat);padding:18px;aspect-ratio:8/5}.feature-thumb img{width:100%;height:100%;object-fit:contain}.feature-thumb.is-portrait img{object-fit:contain}.feature-card-copy{padding:23px 0 25px}.feature-card h2{font-size:37px;margin-top:12px}.feature-card p{margin-top:12px;font-size:13px;color:var(--muted)}.feature-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin-top:21px}.feature-card:hover h2,.feature-card:hover .feature-link{color:var(--accent)}
.category-nav{display:flex;gap:7px 20px;flex-wrap:wrap;padding-bottom:26px}.category-nav a{padding:10px 0;font-size:11px;color:var(--muted);border-bottom:1px solid transparent}.category-nav a[aria-current=page]{color:var(--accent);border-color:var(--accent)}.category-nav a:hover{color:var(--ink)}
.module-figure{margin:0}.module-shot{position:relative;display:block;width:100%;padding:26px;border:0;background:var(--image-mat);cursor:zoom-in}.module-shot img{width:100%;height:auto;display:block;box-shadow:0 7px 20px #0001}.shot-zoom{position:absolute;right:40px;bottom:40px;color:#fff;background:#171b1deb;font-size:11px;padding:12px 16px}.module-figure figcaption{font-size:12px;color:var(--muted);line-height:1.8;margin-top:17px}.module-figure small{display:block;font-size:10px;margin-top:5px}.portrait-figure{max-width:430px;margin-inline:auto}
.feature-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-block:65px}.feature-points article{border-top:1px solid var(--line);padding-top:24px}.point-number{font-size:11px;color:var(--accent)}.feature-points h2{font-size:32px;letter-spacing:-.7px;margin-block:22px 14px}.feature-points p{font-size:13px;color:var(--muted)}
.secondary-visual{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:55px;margin-block:75px}.secondary-visual h2{font-size:46px;margin-block:22px}.secondary-visual>div>p:last-child{color:var(--muted);font-size:14px}.secondary-visual .portrait-figure{width:min(100%,320px)}
.module-how{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-block:85px}.module-how h2{font-size:45px}.module-how ol{list-style:none;counter-reset:steps;margin:0;padding:0}.module-how li{counter-increment:steps;border-top:1px solid var(--line);padding:23px 0;display:flex;gap:25px;font-size:14px;line-height:1.8}.module-how li:before{content:'0' counter(steps);font-size:11px;color:var(--accent);padding-top:3px}
.module-related{margin-block:75px}.module-related h2{font-size:40px}.module-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;margin-block:30px}.module-related>div a{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);font-size:13px}.module-related a:hover{color:var(--accent)}.question-page{max-width:960px;padding-bottom:85px}.question-page>.button{margin-top:40px}.question-page details p{max-width:740px}
#module-dialog{width:min(1640px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #596064;border-radius:4px;background:#171b1d;color:white;box-shadow:0 24px 90px #0009}#module-dialog::backdrop{background:#090d11d9;backdrop-filter:blur(8px)}#module-dialog .screen-dialog-bar>button{width:44px;flex-shrink:0}.module-full-image{overflow:auto}.module-full-image img{display:block;width:100%;height:auto}#module-dialog.portrait-dialog{width:min(490px,94vw)}
@media(max-width:1000px){.feature-points{gap:25px}.secondary-visual{gap:30px}}
@media(max-width:700px){
.page-intro{padding-top:35px;padding-bottom:28px}.page-intro h1{font-size:clamp(40px,10vw,60px);letter-spacing:-1.3px;line-height:1.07}.page-lead{font-size:14px;margin-top:22px}.breadcrumb{margin-bottom:22px}.feature-directory{grid-template-columns:1fr;gap:28px;padding-bottom:50px}.feature-thumb{padding:12px}.feature-card-copy{padding-top:20px}.feature-card h2{font-size:34px}.feature-card p{font-size:12px}.category-nav{gap:0 18px;padding-bottom:22px}.category-nav a{min-height:44px;display:flex;align-items:center}.module-shot{padding:12px}.shot-zoom{position:static;display:block;margin-top:10px;padding:10px;background:transparent;color:var(--ink)}.module-figure figcaption{font-size:11px}.feature-points{grid-template-columns:1fr;gap:27px;margin-block:38px}.feature-points h2{font-size:31px;margin-block:13px}.feature-points p{font-size:13px}.secondary-visual{grid-template-columns:1fr;gap:25px;margin-block:45px}.secondary-visual h2{font-size:37px}.secondary-visual>div>p:last-child{font-size:13px}.module-how{grid-template-columns:1fr;gap:25px;margin-block:45px}.module-how h2{font-size:36px}.module-how li{font-size:13px;gap:18px}.module-related{margin-block:45px}.module-related h2{font-size:35px}.module-related>div{grid-template-columns:1fr 1fr;column-gap:20px}.module-related>div a{font-size:12px;gap:10px;padding-block:18px}.module-full-image img{width:1100px;max-width:none}.portrait-dialog .module-full-image img{width:100%;max-width:100%}#image-title{font-size:12px}.question-page{padding-bottom:50px}
}