.article-page{padding:28px 0 65px}.article-heading{max-width:940px;margin:35px auto 26px;text-align:center}.article-heading h1{font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.55;margin:10px 0;letter-spacing:-1px}.article-cover{margin:0 auto;width:100%;max-width:1050px}.article-cover img{width:100%;height:360px;object-fit:cover;object-position:50% 65%;border-radius:8px}.article-cover figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}.article-meta{max-width:1050px;margin:22px auto 40px;padding:18px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-meta>div+div{border-inline-start:1px solid var(--line);padding-inline-start:25px}.article-meta dt{font-size:.78rem;color:var(--muted);margin-bottom:4px}.article-meta dd{margin:0;font-size:.91rem;font-weight:bold}.reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:52px;align-items:start;max-width:1050px;margin:auto}.article-sidebar{position:sticky;top:25px}.article-toc{background:#f0e9df8c;border:1px solid var(--line);border-radius:6px;padding:23px}.article-toc h2{font-size:1.1rem;margin:0 0 17px}.article-toc ol{padding-inline-start:22px;margin:0;font-size:.88rem}.article-toc li{padding:7px 0}.article-toc a{text-decoration:none}.article-toc a:hover{text-decoration:underline}.sidebar-note{font-size:.78rem;color:var(--muted);padding:15px 8px}.reading-body{min-width:0;font-size:1.04rem;line-height:2.1}.article-intro{background:var(--sand);border-inline-start:4px solid var(--accent);padding:25px 28px;border-radius:5px;margin-bottom:35px}.article-intro p{margin:8px 0 0;font-size:1.1rem}.reading-section{margin:35px 0;scroll-margin-top:25px}.reading-section h2{display:flex;align-items:baseline;gap:15px;font-size:1.55rem;line-height:1.7;margin-bottom:15px}.reading-section h2 span{font-size:.85rem;color:var(--accent);font-weight:normal;font-variant-numeric:tabular-nums}.reading-section h3{font-size:1.12rem;margin-top:24px}.numbered-list{list-style:none;padding:0;counter-reset:article-step}.numbered-list li{position:relative;counter-increment:article-step;padding:15px 52px 15px 14px;background:#f0e9df70;border-bottom:3px solid var(--ivory)}.numbered-list li:before{content:counter(article-step,arabic-indic);position:absolute;right:14px;top:20px;width:25px;height:25px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;font-size:.83rem;line-height:1}.bullet-list{list-style:none;padding:0}.bullet-list li{position:relative;padding:8px 24px 8px 0}.bullet-list li:before{content:'';position:absolute;right:0;top:22px;width:7px;height:7px;background:var(--accent);border-radius:50%}.article-conclusion{background:var(--navy);color:#fcf8f1;padding:28px 30px;border-radius:6px;border-inline-start:5px solid var(--accent);margin:35px 0}.article-conclusion h2{font-size:1.4rem}.article-conclusion p{margin:0;color:#edf0ed}.article-references{border-top:1px solid var(--line);padding-top:22px}.article-references h2{font-size:1.2rem}.article-references p{font-size:.9rem;color:var(--muted)}.article-references a{color:var(--accent)}.related-section{margin-top:55px;padding-top:35px;border-top:1px solid var(--line)}.related-section .heading-inline{margin-bottom:25px}.comments{max-width:780px;margin:50px auto 0;padding-top:35px;border-top:1px solid var(--line)}.comments h2{font-size:1.6rem}.comments>p{color:var(--muted);font-size:.93rem}.form-field{display:flex;flex-direction:column;gap:8px;margin-top:18px}.form-field label{font-size:.94rem;font-weight:bold}.form-field input,.form-field textarea{background:var(--paper);border:1px solid #c8b9a7;border-radius:5px;padding:12px 15px;font:inherit;color:var(--navy);width:100%;max-width:100%}.form-field textarea{resize:vertical;min-height:135px}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-note{font-size:.78rem;color:var(--muted);margin:12px 0 18px}.comments .button{cursor:pointer}.comment-preview-card{border:1px solid var(--line);border-inline-start:3px solid var(--accent);padding:20px;margin-top:24px;border-radius:5px}.comment-preview-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.comment-preview-card small{display:block;color:var(--muted)}
@media(max-width:950px){.reading-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.article-toc{padding:18px}.article-cover img{height:310px}}
@media(max-width:720px){.article-page{padding-top:20px}.article-page .breadcrumb{font-size:.76rem;gap:7px}.article-heading{text-align:right;margin:25px 0 22px}.article-heading h1{font-size:2rem;letter-spacing:-.6px}.article-heading .eyebrow{font-size:.8rem}.article-cover img{height:210px;object-position:40% 65%;border-radius:5px}.article-cover figcaption{font-size:.68rem}.article-meta{grid-template-columns:1fr;gap:10px;margin:18px 0 25px;padding:16px 0}.article-meta>div{display:grid;grid-template-columns:110px 1fr;gap:15px}.article-meta>div+div{border:0;padding:0}.article-meta dt{margin:0}.article-meta dd{font-size:.85rem}.reading-layout{display:flex;flex-direction:column;gap:12px}.article-sidebar{position:static;width:100%}.article-toc{padding:20px}.article-toc ol{columns:1}.sidebar-note{margin:0;padding:10px 4px}.reading-body{width:100%;font-size:1rem}.article-intro{padding:21px 20px;margin-top:10px}.article-intro p{font-size:1.03rem}.reading-section h2{font-size:1.35rem;gap:10px}.reading-section{margin:28px 0}.article-conclusion{padding:22px}.related-section{margin-top:35px;padding-top:28px}.comments{margin-top:28px}.numbered-list li{padding-right:48px}.related-section .heading-inline h2{font-size:1.5rem}.article-page .faq-list summary{line-height:1.8}}
@media print{.article-sidebar,.comments,.related-section{display:none}.reading-layout{display:block}.article-cover img{height:180px}.article-meta{margin-bottom:15px}}