.guide-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:0 0 28px;border-bottom:1px solid var(--line)}.guide-intro>p{margin:0;max-width:60ch}.guide-filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 10px}.guide-filters button{background:transparent;border:1px solid var(--line);padding:9px 14px;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.guide-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper,#f6f4ed)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 40px;padding:20px 0 60px}.guide-plate[hidden]{display:none}.guide-preview{display:block;position:relative;background:#eae7de;padding:12px;overflow:hidden}.guide-preview img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:contain}.guide-open{position:absolute;bottom:22px;right:22px;background:var(--ink);color:#fff;padding:10px 16px;font-size:12px}.guide-caption{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:var(--muted)}.guide-plate h2{font-size:35px;margin:9px 0}.guide-plate>p{max-width:48ch;margin:0 0 18px}.guide-related{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:var(--muted)}.guide-reading{padding:32px 0 60px;border-top:1px solid var(--line);max-width:850px}.guide-reading h2{font-size:36px}.guide-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;margin:20px 0 60px;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-feature-image{background:#eae7de;padding:16px}.guide-feature-image img{display:block;width:100%;height:330px;object-fit:contain}.guide-feature h2{font-size:52px;line-height:1.05;margin:15px 0 22px}.guide-feature p{max-width:45ch}.guide-tea-link{display:grid;gap:14px;padding:23px 0;border-bottom:1px solid var(--line);margin-bottom:25px}#guide-reader{width:96vw;max-width:1600px;height:94dvh;max-height:94dvh;padding:0;border:0;background:var(--paper,#f6f4ed);color:var(--ink)}#guide-reader[open]{display:flex;flex-direction:column}#guide-reader::backdrop{background:rgba(15,25,20,.8)}.guide-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;gap:16px}.guide-toolbar h2{font-size:27px;margin:3px 0;line-height:1.2}.guide-toolbar button{border:0;background:none;color:var(--ink);font-size:32px;cursor:pointer}.guide-controls{display:flex;align-items:center;gap:14px;padding:10px 24px;border-block:1px solid var(--line);font-size:12px;flex-wrap:wrap}.guide-controls button,.guide-controls select{font:inherit;border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 12px;cursor:pointer}.guide-controls a{margin-left:auto}.guide-viewport{overflow:auto;flex:1;min-height:0;background:#d8d8d0;overscroll-behavior:contain}.guide-viewport img{display:block;max-width:none;height:auto;margin:0 auto}.guide-reader-note{font-size:11px;margin:0;padding:10px 24px}body:has(#guide-reader[open]){overflow:hidden}.guide-page a:focus-visible,.guide-page button:focus-visible,#guide-reader :focus-visible{outline:3px solid var(--ink);outline-offset:4px}@media(max-width:1250px) and (min-width:768px){.header{height:auto;min-height:108px;flex-wrap:wrap;padding-top:15px;gap:8px}.header nav{order:3;width:100%;height:42px;justify-content:center}.header nav a{height:42px}.header nav a.active:after{bottom:0}.header-tools{margin-left:auto}}@media(max-width:767px){.guide-intro,.guide-grid,.guide-feature{grid-template-columns:1fr}.guide-intro{gap:16px}.guide-grid{gap:38px}.guide-feature{gap:25px;margin-bottom:40px}.guide-feature h2{font-size:42px}.guide-feature-image img{height:250px}.guide-toolbar,.guide-controls{padding:10px 14px}.guide-toolbar h2{font-size:22px}.guide-controls{gap:8px}.guide-controls label{display:none}.guide-controls a{font-size:11px}.guide-reader-note{padding:8px 14px;font-size:10px}.guide-plate h2{font-size:32px}}