.guide-section{margin-block:90px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guide-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.guide-card:hover{box-shadow:0 12px 32px #182b440c;transform:translateY(-3px)}.guide-image{display:block;height:190px;overflow:hidden;background:var(--peach)}.guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.guide-card:hover .guide-image img{transform:scale(1.035)}.guide-card-body{padding:26px;display:flex;flex-direction:column;min-height:290px}.guide-category{font-size:12.48px;font-weight:600;color:var(--primary);margin:0 0 13px;text-decoration:none}.guide-card h3{font-size:21.84px;line-height:1.55;font-weight:650;margin:0 0 12px;letter-spacing:-.5px}.guide-card h3 a{text-decoration:none}.guide-card-body>p:not(.guide-category){font-size:14.56px;line-height:1.85;color:var(--muted);margin:0 0 26px}.guide-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.44px;color:var(--muted)}.guide-card-footer a{display:flex;align-items:center;gap:7px;min-height:44px;color:var(--primary);font-size:13.52px;font-weight:600;text-decoration:none}.blog-hero{position:relative;padding:55px 65px 45px;background:var(--blue-soft);border-radius:var(--radius-lg);overflow:hidden;margin:26px 0 35px}.blog-hero:after{content:'Aa א';position:absolute;left:45px;top:30px;font-size:130px;letter-spacing:-10px;line-height:1.5;color:#4866cc18;font-weight:800;transform:rotate(-12deg);pointer-events:none}.blog-hero h1{font-size:clamp(41.6px,5.2vw,64.48px);letter-spacing:-2px;line-height:1.2;margin:14px 0 20px}.blog-hero>p:not(.eyebrow){font-size:18.72px;line-height:1.85;max-width:650px;color:var(--muted);position:relative;z-index:1}.blog-hero>span{display:inline-block;background:white;border:1px solid #4866cc12;padding:8px 16px;border-radius:30px;font-size:12.48px;margin-top:10px}.blog-filter{display:flex;gap:18px;align-items:end;max-width:950px;margin:0 auto;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff}.blog-filter label{display:grid;gap:9px;font-size:12.48px;font-weight:600;flex:1;min-width:0}.blog-filter input,.blog-filter select{width:100%;min-height:50px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font:inherit;font-weight:400;color:var(--ink);min-width:0}.blog-filter .button{min-height:50px}.blog-filter>a{align-self:center;font-size:13.52px}.blog-count{font-size:13.52px;color:var(--muted);margin:32px 0 22px}.blog-grid{margin-bottom:85px;row-gap:35px}.article-header{max-width:900px;text-align:center;margin:42px auto 58px}.article-header>.guide-category{display:inline-block;padding:8px 17px;background:var(--sage);border-radius:30px;color:#385746}.article-header h1{font-size:clamp(33.28px,4.16vw,53.04px);font-weight:750;line-height:1.32;letter-spacing:-1.35px;margin:14px 0 22px}.article-deck{font-size:19.76px;line-height:1.9;color:var(--muted);max-width:780px;margin:0 auto}.article-byline{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:11.44px;line-height:1.8;color:var(--muted);margin-top:26px}.article-byline>a{font-weight:600;color:var(--primary)}.article-layout{display:grid;grid-template-columns:245px minmax(0,710px);gap:65px;justify-content:center;align-items:start;margin-bottom:70px}.article-rail{position:sticky;top:115px}.article-toc{border:1px solid var(--line);border-radius:17px;background:white;padding:24px 20px}.article-toc summary{font-size:14.56px;font-weight:650;cursor:pointer;min-height:30px}.article-toc ol{padding-inline-start:21px;margin:16px 0 0}.article-toc li{font-size:12.48px;line-height:1.75;margin-bottom:4px;padding-inline-start:4px;color:var(--muted)}.article-toc li a{display:block;min-height:44px;padding-block:8px;color:var(--muted);text-decoration:none}.article-toc a:hover,.article-toc a[aria-current]{color:var(--primary)}.article-find{display:flex;align-items:center;justify-content:center;background:var(--navy);color:white;border-radius:11px;margin-top:16px;padding:17px 10px;font-size:13.52px;font-weight:600;text-decoration:none}.article-body{font-size:17.68px;line-height:2;min-width:0}.article-body section{margin-bottom:46px}.article-body h2{font-size:28.08px;line-height:1.5;letter-spacing:-.65px;margin:0 0 20px;scroll-margin-top:120px}.article-body h2:focus{outline:2px solid var(--primary);outline-offset:7px;border-radius:4px}.article-body h3{font-size:20.8px;margin:27px 0 12px}.article-body p{margin:0 0 22px}.article-body ul{padding-inline-start:25px}.article-body li{margin-bottom:10px}.article-body a,.policy-body a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.article-table{overflow:auto;max-width:100%;margin:26px 0;border:1px solid var(--line);border-radius:13px;background:white}.article-table table{border-collapse:collapse;width:100%;min-width:460px;font-size:14.56px;line-height:1.8}.article-table td,.article-table th{border-bottom:1px solid var(--line);padding:16px 18px;text-align:right;vertical-align:top}.article-table thead{background:var(--blue-soft)}.article-table tbody th{font-weight:600;width:28%}.article-body pre{overflow:auto;max-width:100%;padding:25px;border-radius:13px;background:var(--navy);color:#f0f3ff;font-size:14.56px;line-height:1.8;text-align:left}.editorial-note{font-size:12.48px;color:var(--muted);background:var(--sage);border-radius:12px;padding:22px}.article-next{border-top:1px solid var(--line);padding-top:45px;margin:30px 0 80px}.article-next>h2{font-size:29.12px;letter-spacing:-.6px;margin-bottom:25px}.back-blog{display:inline-flex;align-items:center;min-height:44px;margin-top:25px;color:var(--primary);font-size:14.56px}.policy-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:65px;margin:45px auto 85px;justify-content:center;align-items:start}.policy-menu{position:sticky;top:115px}.policy-menu>summary{font-size:12.48px;color:var(--muted);font-weight:600;min-height:44px;cursor:pointer;padding:12px 14px}.policy-nav{display:grid;gap:4px}.policy-nav a{padding:13px 16px;border-radius:9px;font-size:13.52px;text-decoration:none;min-height:46px}.policy-nav a[aria-current]{background:var(--blue-soft);color:var(--primary);font-weight:600}.policy-body{font-size:16.64px;line-height:1.95;min-width:0}.policy-body h1{font-size:43.68px;letter-spacing:-1px;line-height:1.3;margin:0 0 20px}.policy-body h2{font-size:23.92px;line-height:1.5;letter-spacing:-.4px;margin:35px 0 14px;scroll-margin-top:120px}.policy-body p{margin:0 0 19px}.policy-updated{color:var(--muted);font-size:12.48px}.policy-lead{font-size:19.76px;color:var(--muted)}.policy-body li{margin-bottom:10px}.contact-form{display:grid;gap:22px;max-width:600px;margin:30px 0;padding:30px;border:1px solid var(--line);border-radius:20px;background:white}.contact-form label{display:grid;gap:9px;font-size:13.52px;min-width:0;font-weight:500}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);min-height:50px;min-width:0}.contact-form textarea{min-height:155px;resize:vertical}.contact-form .consent{display:flex;align-items:start;gap:12px;font-size:12.48px;line-height:1.8;font-weight:400}.contact-form .consent input{width:20px;min-height:20px;margin-top:4px;flex-shrink:0;accent-color:var(--primary)}.form-note{font-size:12.48px;color:var(--muted)}.form-result{background:var(--sage);border:1px solid #c8d8cb;padding:24px;border-radius:14px}.policy-table{overflow:auto;max-width:100%}.policy-table table{min-width:460px;border-collapse:collapse;width:100%;font-size:13.52px}.policy-table td,.policy-table th{padding:13px;text-align:right;border:1px solid var(--line)}
.design-intro{max-width:790px;margin:45px 0}.design-intro h1{font-size:49.92px;letter-spacing:-1.5px;line-height:1.3;margin:15px 0}.design-intro>p{font-size:18.72px;color:var(--muted);line-height:1.85}.design-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:40px 0 60px}.design-decisions article{border-radius:17px;background:var(--blue-soft);padding:26px}.design-decisions span{color:var(--primary);font-size:13.52px}.design-decisions h2{font-size:21.84px;margin:12px 0}.design-decisions p{font-size:14.56px;color:var(--muted);line-height:1.8}.design-references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:25px 0 70px}.design-reference{min-width:0;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.reference-image{display:block;aspect-ratio:16/10;overflow:auto;background:var(--blue-soft);border-bottom:1px solid var(--line)}.reference-image img{width:100%;height:auto;display:block}.reference-body{padding:26px}.reference-body h2{font-size:27.04px;margin:0 0 12px}.reference-body p{font-size:14.56px;line-height:1.9;color:var(--muted)}.reference-body a{display:inline-flex;min-height:44px;align-items:center;color:var(--primary);font-size:13.52px;font-weight:600}.design-notes{padding:30px;border:1px solid var(--line);border-radius:18px;margin-bottom:70px;font-size:14.56px;line-height:1.9;color:var(--muted)}
@media(max-width:1050px){.article-layout{gap:35px;grid-template-columns:210px minmax(0,1fr)}.guide-card-body{padding:22px}.guide-card h3{font-size:20.8px}.policy-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:850px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-layout,.policy-layout{grid-template-columns:1fr;gap:30px}.article-rail,.policy-menu{position:static}.article-header{margin:30px auto 35px}.article-rail{max-width:none}.article-toc{padding:18px 22px}.article-body{font-size:16.64px}.article-body h2{font-size:26px;scroll-margin-top:105px}.article-deck{font-size:17.68px}.article-byline{font-size:11.44px;gap:9px 15px}.policy-menu{background:white;border:1px solid var(--line);border-radius:13px;padding:6px}.policy-menu>summary{padding:11px 15px}.policy-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5px 7px}.policy-nav a{font-size:12.48px;padding:11px}.policy-body h1{font-size:35.36px}.blog-hero{padding:35px}.blog-hero:after{left:20px;font-size:104px}.blog-hero>p:not(.eyebrow){font-size:16.64px}.blog-filter{padding:20px;flex-wrap:wrap}.blog-filter label:first-child{flex-basis:100%}.blog-filter>a{width:100%}.guide-section{margin-block:60px}.policy-layout{margin:24px auto 55px}.design-decisions{gap:14px}.design-decisions article{padding:20px}.design-intro h1{font-size:39.52px}}
@media(max-width:560px){.guide-grid,.design-decisions,.design-references{grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:1fr}.guide-card-body{padding:23px;min-height:260px}.guide-card h3{font-size:22.88px}.guide-image{height:195px}.article-header{text-align:right}.article-header h1{font-size:33.28px;letter-spacing:-.85px}.article-byline{justify-content:start}.article-body h2{font-size:23.92px}.article-body section{margin-bottom:35px}.article-body pre{padding:16px;font-size:12.48px}.article-toc li a{font-size:13.52px}.blog-hero{padding:27px 23px;margin-top:15px}.blog-hero h1{font-size:40.56px;letter-spacing:-1.2px}.blog-hero:after{top:5px;left:10px;font-size:93.6px}.blog-hero>p:not(.eyebrow){font-size:15.6px}.blog-filter{padding:18px;gap:14px}.blog-filter label{flex-basis:100%}.blog-filter .button{width:100%}.blog-filter input,.blog-filter select,.contact-form input,.contact-form select,.contact-form textarea{font-size:16.64px}.article-next{margin-bottom:50px}.policy-body{font-size:15.6px}.policy-body h2{font-size:22.88px}.contact-form{padding:20px;gap:19px}.design-intro h1{font-size:35.36px}.design-intro>p{font-size:16.64px}.design-references{gap:22px}.design-notes{padding:22px}}

/* Long article navigation */
@media(min-width:850px){.article-toc nav{max-height:calc(100dvh - 280px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}

/* Keep the new reading-method comparison readable without sideways scrolling. */
@media(max-width:849px){.article-body[data-guide="reading-acquisition-methods"] .article-table table{min-width:0;table-layout:fixed}.article-body[data-guide="reading-acquisition-methods"] .article-table td,.article-body[data-guide="reading-acquisition-methods"] .article-table th{padding:12px 7px;overflow-wrap:anywhere}.article-body[data-guide="reading-acquisition-methods"] .article-table tbody th{width:28%}}