.cover img{width:100%;max-height:none;aspect-ratio:8/5;object-fit:cover}.choice-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.choice-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid var(--line);text-decoration:none;font-size:14px;color:var(--green)}.steps-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px -90px}.steps-gallery img{aspect-ratio:9/16;object-fit:cover}.steps-gallery figcaption{padding:12px 0;font-size:13px}.steps-gallery strong,.series-grid strong{display:block;font-size:17px;color:var(--green)}.mechanisms,.series-grid,.detail-grid,.wide-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0;align-items:start}.mechanisms>div{border-top:2px solid var(--green);padding:18px 0}.mechanism-number{font:500 29px var(--serif);color:var(--rust)}.mechanisms h3{margin:10px 0}.mechanisms p{font-size:15px}.series-grid{margin:30px -35px;gap:25px}.series-grid img{width:100%;aspect-ratio:1;object-fit:cover}.series-grid figure:first-child img{object-fit:cover}.series-grid figcaption{font-size:14px;padding:14px 0;line-height:1.9}.detail-grid{max-width:540px;margin:32px auto}.detail-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.detail-grid figcaption,.wide-pair figcaption{padding:12px 0;font-size:13px}.wide-pair img{width:100%;aspect-ratio:1;object-fit:cover}.size-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px -35px 16px}.size-cards>div{padding:20px;background:#eeefe7;border-top:2px solid var(--green)}.size-cards h3{font:500 30px var(--serif);margin:0 0 16px}.size-cards h3 span{font:14px var(--sans);display:block;margin-top:8px;color:var(--muted)}.size-cards strong{font-size:23px;font-weight:600;white-space:nowrap}.size-cards p{font-size:13px;line-height:1.8;margin:10px 0 0}.measurement{margin:25px -15px}.measurement svg{width:100%;height:auto;display:block}.measurement text{font:17px var(--sans);fill:var(--green)}.measurement .diagram-note{font-size:15px;fill:var(--muted)}.chooser{padding:28px;background:#eeefe7;border:1px solid var(--line)}.chooser label{display:block;font-weight:600;margin-bottom:12px}.chooser select{font:16px var(--sans);color:var(--ink);width:100%;min-height:50px;padding:12px;border:1px solid #707a68;border-radius:2px;background:#fff}.chooser select:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.choice-result{padding:20px 0 0;min-height:180px}.choice-result h3{margin:0 0 12px;color:var(--green)}.choice-result p{font-size:16px;margin-bottom:14px}.chooser>a{display:inline-flex;min-height:44px;align-items:center;font-size:14px}.video-section{max-width:330px;margin:24px auto 0}.video-section .video-poster{width:100%;height:auto;max-height:none;aspect-ratio:9/16;margin:0}.video-section .video-poster img{object-fit:cover}.video-section iframe{width:100%;height:auto;aspect-ratio:9/16;border:0;max-height:none}.video-fallback{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;margin:12px auto}.video-section [hidden]{display:none!important}.article-body .caption-note{font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:960px){.steps-gallery{margin:28px 0;gap:12px}.series-grid,.size-cards{margin-left:0;margin-right:0}.size-cards>div{padding:16px}}
@media(max-width:600px){.hero h1{font-size:31px}.hero h1 em{font-size:28px}.steps-gallery{grid-template-columns:1fr;max-width:350px;margin:28px auto;gap:22px}.steps-gallery img{aspect-ratio:3/4;object-position:50% 64%}.steps-gallery figcaption{font-size:14px}.series-grid{grid-template-columns:1fr;gap:24px}.series-grid img{aspect-ratio:auto;height:auto}.series-grid figure:first-child img{object-fit:cover}.detail-grid,.wide-pair{gap:14px}.size-cards{grid-template-columns:1fr;gap:12px}.size-cards>div{display:grid;grid-template-columns:75px 1fr;column-gap:18px;padding:20px}.size-cards h3{grid-row:1/4;margin:0}.size-cards p{margin:4px 0 0}.size-cards strong{font-size:24px}.measurement{margin:26px -12px}.measurement text{font-size:19px}.chooser{padding:20px}.mechanisms{gap:18px}.mechanisms p{font-size:14px}.choice-links a{font-size:13px}.choice-result{min-height:220px}.video-section{max-width:300px}}