/* Filnavn: sf_news_layout_v1.css */

:root{--paper:#f8f6f1;--white:#fffefa;--ink:#262823;--muted:#66685f;--line:#d9d9ce;--accent:#35566b;--accent-dark:#243e50;--wash:#eee8e0;--sage:#e9ece5;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;--width:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled,input:disabled{cursor:default}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{opacity:.7}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button{border:0}button.link{background:none;padding:0}strong{font-weight:600}[hidden]{display:none!important}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;line-height:1.5}.accent{color:var(--accent)}.serif{font-family:var(--serif)}.arrow-link{display:inline-flex;gap:13px;align-items:center;font-size:14px;font-weight:600}.arrow-link svg{transition:transform .2s}.arrow-link:hover svg{transform:translateX(4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:12px 23px;border:1px solid var(--accent);background:var(--accent);color:var(--white);border-radius:2px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:var(--wash);border-color:var(--ink)}.btn svg{width:18px;height:18px}.skip{position:fixed;top:6px;left:8px;transform:translateY(-160%);background:var(--white);padding:12px;z-index:100}.skip:focus{transform:translateY(0)}
.prototype-bar{background:#292f29;color:#f3f2e9;font-size:11px;letter-spacing:.02em;min-height:32px}.prototype-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:32px}.prototype-bar b{font-weight:600}.prototype-bar .prototype-links{display:flex;gap:18px}.prototype-bar a{opacity:.82}.prototype-bar a:hover{opacity:1;text-decoration:underline}.prototype-dot{display:inline-block;width:5px;height:5px;background:#bdc6ae;border-radius:50%;margin-right:8px;vertical-align:2px}
.header{background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:30px}.brand{display:inline-flex;flex-direction:column;line-height:1;flex-shrink:0}.brand-name{font-family:var(--serif);font-size:38px;font-weight:bold;letter-spacing:-2px}.brand-name span{color:var(--accent)}.brand-byline{font-size:8px;letter-spacing:.2em;text-transform:uppercase;margin-top:9px;color:var(--muted)}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav .nav-link{position:relative;padding:8px 0;white-space:nowrap}.nav .nav-link::after{content:'';height:1px;position:absolute;left:0;right:0;bottom:2px;transform:scaleX(0);background:var(--accent);transform-origin:left;transition:transform .2s}.nav .nav-link:hover::after,.nav .nav-link[aria-current=page]::after{transform:scaleX(1)}.nav .btn{min-height:42px;padding:8px 17px;font-size:12px}.nav-divider{width:1px;height:22px;background:var(--line)}.menu-toggle{display:none;background:none;padding:10px;align-items:center;gap:8px;font-size:13px}.menu-toggle svg{width:23px}
.hero{padding:72px 0 66px;display:grid;grid-template-columns:1.16fr .84fr;gap:74px;align-items:center}.hero h1{font-family:var(--serif);font-size:clamp(62px,6.45vw,91px);letter-spacing:-4px;line-height:1.045;margin:25px 0 27px}.hero h1 em{font-weight:400;color:var(--accent)}.hero-copy{font-size:18px;line-height:1.7;color:var(--muted);max-width:455px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}.hero-note{font-size:12px;color:var(--muted);margin-top:17px}.hero-note span{margin-inline:8px;color:#abaca2}.issue-preview{position:relative;background:var(--white);border:1px solid var(--line);box-shadow:12px 12px 0 #ebe8e0;padding:28px 32px 0;max-width:470px;justify-self:end;width:100%}.issue-preview::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:4px;background:var(--accent)}.preview-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;gap:12px}.mini-brand{font-family:var(--serif);font-weight:bold;font-size:22px;letter-spacing:-.8px}.preview-heading .eyebrow{font-size:9px;color:var(--muted)}.preview-issue{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 15px}.preview-issue-number{font-family:var(--serif);font-size:80px;line-height:1;letter-spacing:-4px;color:var(--accent)}.preview-issue p{font-size:12px;text-align:right;color:var(--muted);line-height:1.7}.preview-issue p b{display:block;font-weight:500;color:var(--ink);font-size:14px}.preview-item{border-top:1px solid var(--line);padding:17px 0;display:block}.preview-item .eyebrow{font-size:9px;color:var(--accent)}.preview-item h3{font-family:var(--serif);font-size:21px;line-height:1.35;margin-top:5px}.preview-footer{margin:5px -32px 0;padding:17px 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;background:#f4f1ea}.preview-footer svg{width:18px}.preview-footer:hover{background:var(--wash)}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;gap:40px}.feature{display:flex;gap:17px;align-items:flex-start}.feature+.feature{border-left:1px solid var(--line);padding-left:32px}.feature svg{color:var(--accent);width:23px;height:23px;margin-top:4px}.feature h2{font-size:14px;font-weight:600;margin-bottom:4px}.feature p{font-size:12px;color:var(--muted);max-width:255px}
.home-section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px;gap:20px}.section-head h2{font-family:var(--serif);font-size:38px;line-height:1.2;letter-spacing:-1px;margin-top:9px}.section-head p{font-size:12px;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.topic-item{display:flex;flex-direction:column;border-top:2px solid var(--ink);padding-top:20px}.topic-item h3{font-family:var(--serif);font-size:26px;line-height:1.3;margin:12px 0 15px}.topic-item p{font-size:14px;color:var(--muted);line-height:1.75;flex-grow:1}.topic-item .arrow-link{margin-top:23px;font-size:12px}.about-block{background:var(--sage);padding:56px;display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;margin-bottom:70px}.about-block h2{font-family:var(--serif);font-size:40px;letter-spacing:-1.2px;line-height:1.2;margin-top:15px}.about-block p{font-size:16px;color:#53594e;line-height:1.85}.about-block .signature{font-family:var(--serif);font-size:23px;color:var(--ink);margin:19px 0 2px}.about-block .byline{font-size:11px}.about-block .arrow-link{margin-top:25px}
.footer{border-top:1px solid var(--line);padding:35px 0 25px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:35px}.footer .brand-name{font-size:28px;letter-spacing:-1.3px}.footer p{font-size:12px;color:var(--muted);margin-top:14px}.footer-links{display:flex;gap:30px;font-size:12px;flex-wrap:wrap}.footer-links button{background:none;padding:0;font-size:12px}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
.page-heading{padding:51px 0 37px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:31px;flex-wrap:wrap}.breadcrumb svg{width:12px;height:12px}.breadcrumb a:hover{text-decoration:underline}.page-heading h1{font-family:var(--serif);font-size:60px;line-height:1.12;letter-spacing:-2px;margin-top:13px}.page-heading .intro{font-size:16px;color:var(--muted);max-width:640px;margin-top:18px;line-height:1.8}.sample-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;background:var(--wash);padding:4px 8px;letter-spacing:.03em;border-radius:2px;color:#6c6259}.sample-label::before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.archive-tools{display:grid;grid-template-columns:1fr 170px;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.search-box{display:flex;align-items:center;gap:13px;background:var(--white);border:1px solid var(--line);padding:0 17px}.search-box svg{color:var(--muted)}.search-box input{background:none;border:none;width:100%;min-width:0;padding:12px 0;color:var(--ink);font-size:14px;outline-offset:3px}.archive-tools select{appearance:auto;min-height:49px;border:1px solid var(--line);padding:0 14px;background:var(--white);color:var(--ink);border-radius:0;font-size:14px}.result-count{font-size:11px;color:var(--muted);margin:18px 0 9px}.archive-year{border-bottom:1px solid var(--line)}.archive-year summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:22px 0;font-family:var(--serif);font-size:32px}.archive-year summary::-webkit-details-marker{display:none}.year-meta{display:flex;gap:24px;align-items:center}.year-meta span{font-family:var(--sans);font-size:11px;color:var(--muted)}.year-meta svg{transition:transform .2s}.archive-year[open] .year-meta svg{transform:rotate(180deg)}.archive-row{display:grid;grid-template-columns:130px 1fr 150px 28px;align-items:center;gap:25px;border-top:1px solid var(--line);padding:24px 10px 24px 0;transition:background .15s}.archive-row:hover{background:#efece5}.archive-row h3{font-family:var(--serif);font-size:22px;line-height:1.4}.archive-row .period{font-size:12px;color:var(--muted);margin-top:3px}.archive-row .week{font-size:16px;font-weight:500}.archive-row .category{font-size:10px;color:var(--muted);text-align:right}.archive-row svg{width:19px;color:var(--accent)}.archive-foot{margin:25px 0 60px;font-size:12px;color:var(--muted)}.empty-state{text-align:center;padding:60px 20px}.empty-state h2{font-family:var(--serif);font-size:30px;margin-bottom:9px}.empty-state p{color:var(--muted);font-size:14px;margin-bottom:22px}
.reader-top{border-bottom:1px solid var(--line);padding-bottom:29px;display:flex;justify-content:space-between;gap:30px;align-items:end}.reader-top .issue-meta{font-size:13px;color:var(--muted);margin-top:15px}.reader-tools{display:flex;flex-direction:column;align-items:end;gap:15px}.reader-tools button{background:transparent;padding:9px 13px;border:1px solid var(--line);display:flex;align-items:center;gap:9px;font-size:12px}.reader-body{display:grid;grid-template-columns:245px minmax(0,1fr);gap:66px;margin:33px 0 60px;align-items:start}.contents{position:sticky;top:129px}.contents .eyebrow{margin-bottom:16px}.contents a{font-size:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:12px;color:var(--muted)}.contents a:hover{color:var(--accent)}.contents a span:last-child{font-size:10px}.contents .back-archive{border:0;color:var(--accent);font-weight:600;margin-top:19px;justify-content:start}.contents .back-archive svg{width:16px}.reader-content{min-width:0}.editorial-intro{border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:35px}.editorial-intro h2{font-family:var(--serif);font-size:27px;margin-bottom:13px}.reader-content p{font-size:16px;line-height:1.85;margin:14px 0;color:#484d43}.editorial-intro .signature{font-size:13px;color:var(--ink);margin-top:21px;line-height:1.7}.editorial-intro .signature strong{display:block}.article-section{padding-bottom:34px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:125px}.article-section .section-kicker{display:flex;gap:12px;align-items:center;color:var(--accent);margin-bottom:15px}.section-kicker::after{content:'';flex:1;height:1px;background:var(--line)}.article-section h2{font-family:var(--serif);font-size:36px;line-height:1.2;letter-spacing:-.65px;max-width:790px;margin:10px 0 16px}.article-section h3{font-size:16px;font-weight:600;margin-top:23px}.article-section .article-tag{font-size:11px;color:var(--muted)}.callout{border-left:3px solid var(--accent);background:var(--wash);padding:20px 26px;margin:25px 0}.callout p{margin:0;font-family:var(--serif);font-size:21px;line-height:1.6;color:var(--ink)}.source-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--accent);font-weight:600;margin-top:6px}.source-link svg{width:16px}.reading-table{width:100%;border-collapse:collapse;font-size:14px;margin:22px 0}.reading-table th{text-align:left;background:var(--sage);font-weight:600}.reading-table th,.reading-table td{border-bottom:1px solid var(--line);padding:13px 15px;vertical-align:top}.reading-table td:first-child{width:30%}.reader-end{display:flex;align-items:center;justify-content:space-between;gap:20px}.reader-end button{font-size:12px;color:var(--muted);background:none;padding:5px 0}.reader-fact{background:var(--white);border:1px solid var(--line);padding:18px;margin-top:30px}.reader-fact p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.7}
.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.login-main{padding:70px 55px 75px 0;max-width:510px;width:100%;margin:auto}.login-main h1{font-family:var(--serif);font-size:55px;line-height:1.1;letter-spacing:-1.8px;margin:20px 0}.login-main .intro{font-size:14px;color:var(--muted);margin-bottom:30px;max-width:370px;line-height:1.75}.login-form label{display:block;font-size:12px;font-weight:600;margin:20px 0 7px}.login-form input[type=email],.login-form input[type=password]{width:100%;border:1px solid var(--line);padding:13px 15px;background:var(--white);border-radius:0;color:var(--muted);font-size:14px;opacity:1;-webkit-text-fill-color:var(--muted)}.login-options{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0 25px;font-size:12px}.login-options label{display:flex;align-items:center;gap:8px;font-weight:400;margin:0;color:var(--muted)}.login-options input{width:15px;height:15px;accent-color:var(--accent);margin:0}.login-options button{padding:0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:3px}.login-form .btn{width:100%}.login-hint{font-size:11px;color:var(--muted);margin-top:12px}.login-alt{border-top:1px solid var(--line);margin-top:31px;padding-top:22px}.login-alt p{font-size:12px;color:var(--muted);margin-bottom:7px}.login-story{background:var(--accent);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:48px 48px 39px;margin:37px 0;position:relative;overflow:hidden}.login-story .eyebrow{color:#d7b5ae}.login-story h2{font-family:var(--serif);font-size:53px;line-height:1.15;letter-spacing:-1.6px;margin:50px 0 23px;max-width:380px}.login-story h2 em{color:#edcdc1}.login-story p{max-width:325px;font-size:14px;line-height:1.85;color:#eadad5}.login-products{display:flex;gap:23px;border-top:1px solid #ffffff35;margin-top:58px;padding-top:22px;font-family:var(--serif);font-size:16px;flex-wrap:wrap}.login-art{position:absolute;font-family:var(--serif);font-size:360px;line-height:1;right:-48px;top:44px;opacity:.035;pointer-events:none;letter-spacing:-30px}
dialog{border:1px solid var(--line);background:var(--white);padding:36px;max-width:490px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 20px 80px #0002;border-radius:3px}dialog::backdrop{background:#21282177;backdrop-filter:blur(2px)}.dialog-close{position:absolute;right:13px;top:13px;background:none;padding:7px;display:flex}.dialog-close svg{width:18px}dialog h2{font-family:var(--serif);font-size:32px;line-height:1.2;margin:15px 0}dialog p{font-size:14px;color:var(--muted);line-height:1.8}dialog .btn{margin-top:25px;min-height:43px}.no-script{padding:25px;background:var(--wash)}
@media(min-width:1600px){.hero{padding-block:88px}.hero h1{font-size:98px}.issue-preview{max-width:490px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.hero{gap:40px;grid-template-columns:1.05fr .95fr;padding-top:58px}.hero h1{font-size:69px;letter-spacing:-3px}.hero-copy{font-size:16px}.issue-preview{padding-inline:24px}.preview-footer{margin-inline:-24px;padding-inline:24px}.feature-strip{gap:22px}.feature+.feature{padding-left:22px}.reader-body{gap:38px;grid-template-columns:210px minmax(0,1fr)}.about-block{padding:40px;gap:40px}.login-story{padding:38px}.login-story h2{font-size:44px}.login-main h1{font-size:46px}.login-main{padding-right:40px}.archive-row{grid-template-columns:110px 1fr 110px 20px;gap:17px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.prototype-links{display:none!important}.prototype-inner{font-size:10px}.header-inner{min-height:82px}.brand-name{font-size:33px}.brand-byline{font-size:7px}.menu-toggle{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:17px 20px 23px;box-shadow:0 10px 16px #00000008;flex-wrap:wrap;gap:17px 23px}.nav.open{display:flex}.nav-divider{display:none}.nav .btn{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:25px;padding:45px 0}.hero h1{font-size:57px;letter-spacing:-2.4px}.hero .eyebrow{font-size:9px}.hero-copy{font-size:15px}.hero-actions{gap:17px}.hero-actions .btn{font-size:12px;padding-inline:16px}.hero-actions .arrow-link{font-size:12px}.hero-note{font-size:10px}.preview-item h3{font-size:19px}.preview-heading{flex-wrap:wrap;gap:5px}.preview-issue-number{font-size:68px}.issue-preview{box-shadow:7px 7px 0 #ebe8e0;padding-top:22px}.preview-heading .eyebrow{font-size:8px}.feature{gap:10px}.feature-strip{gap:16px}.feature+.feature{padding-left:15px}.feature svg{width:19px;height:19px}.feature h2{font-size:12px}.feature p{font-size:11px}.home-section{padding:55px 0}.section-head h2{font-size:32px}.topic-grid{gap:23px}.topic-item h3{font-size:23px}.topic-item p{font-size:13px}.about-block{padding:34px;gap:32px;grid-template-columns:.85fr 1.15fr}.about-block h2{font-size:33px}.about-block p{font-size:14px}.footer-main{flex-wrap:wrap}.footer-links{gap:18px}.page-heading h1{font-size:49px}.archive-row{grid-template-columns:95px 1fr 20px;gap:16px}.archive-row .category{display:none}.archive-row h3{font-size:20px}.reader-body{display:block}.contents{position:static;margin-bottom:30px}.contents-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.contents .back-archive,.reader-fact{display:none}.reader-top{align-items:start}.reader-tools{min-width:145px}.article-section h2{font-size:32px}.login-layout{min-height:600px}.login-main{padding:48px 27px 45px 0}.login-main h1{font-size:41px}.login-story{padding:30px;margin:30px 0}.login-story h2{font-size:38px}.login-products{gap:13px;font-size:15px}.login-story p{font-size:13px}.login-options{font-size:10px;gap:8px}.login-options button{font-size:11px}}
@media(max-width:590px){.hero{display:block;padding:39px 0 37px}.hero h1{font-size:66px;margin:22px 0;letter-spacing:-3px}.hero-copy{font-size:16px;max-width:350px}.hero-actions{margin-top:26px;gap:20px}.hero-actions .btn{font-size:13px;padding:13px 20px}.hero-actions .arrow-link{font-size:13px}.hero-note{font-size:11px}.issue-preview{margin-top:38px;max-width:none;width:calc(100% - 7px);padding-top:23px}.preview-heading{flex-wrap:nowrap}.preview-heading .eyebrow{font-size:9px}.preview-issue{margin:17px 0 13px}.preview-issue-number{font-size:69px}.preview-item{padding:14px 0}.preview-item h3{font-size:21px}.feature-strip{display:block;padding:8px 0}.feature{padding:19px 0;gap:17px}.feature+.feature{border-left:0;border-top:1px solid var(--line);padding-left:0}.feature svg{width:23px;height:23px}.feature h2{font-size:14px}.feature p{font-size:12px;max-width:none}.section-head{align-items:start;flex-direction:column;gap:12px}.section-head h2{font-size:34px}.section-head p{font-size:11px}.topic-grid{grid-template-columns:1fr;gap:30px}.topic-item h3{font-size:26px;margin:8px 0 12px}.topic-item p{font-size:14px}.topic-item .arrow-link{margin-top:16px}.home-section{padding:43px 0}.about-block{display:block;padding:28px 24px;margin-bottom:45px}.about-block h2{font-size:35px;margin-bottom:22px}.about-block p{font-size:15px}.about-block .signature{font-size:24px}.footer{padding-top:28px}.footer-main{gap:27px}.footer-links{gap:14px 22px;max-width:320px}.footer-bottom{font-size:10px;flex-direction:column;gap:5px}.page-heading{padding:32px 0 27px}.breadcrumb{font-size:10px;margin-bottom:23px;gap:7px}.page-heading h1{font-size:47px;letter-spacing:-1.7px}.page-heading .intro{font-size:14px}.heading-row{display:block}.heading-row .sample-label{margin-top:18px}.archive-tools{grid-template-columns:1fr 104px;gap:10px;padding-block:17px}.archive-tools select{font-size:12px;padding-inline:9px}.search-box{padding-inline:12px;gap:8px}.search-box input{font-size:12px}.search-box svg{width:17px}.archive-row{grid-template-columns:66px 1fr 15px;gap:13px;padding-block:21px}.archive-row .week{font-size:13px}.archive-row .period{font-size:11px}.archive-row h3{font-size:19px}.archive-year summary{font-size:29px}.year-meta{gap:13px}.reader-top{display:block;padding-bottom:23px}.reader-tools{flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}.reader-tools button{font-size:11px;padding:7px 10px}.reader-body{margin-top:24px}.contents-list{column-gap:20px}.contents a{font-size:11px;gap:8px}.contents .eyebrow{font-size:10px;margin-bottom:7px}.editorial-intro{padding-bottom:23px;margin-bottom:28px}.reader-content p{font-size:16px;line-height:1.8}.article-section h2{font-size:30px}.article-section .eyebrow{font-size:10px}.callout{padding:17px 19px}.callout p{font-size:20px}.reading-table{font-size:12px}.reading-table th,.reading-table td{padding:11px 9px}.reader-end{flex-wrap:wrap}.login-layout{display:block}.login-main{padding:42px 0 35px;max-width:430px}.login-main h1{font-size:47px;max-width:320px}.login-main .intro{font-size:14px}.login-options{font-size:12px}.login-options button{font-size:12px}.login-story{margin:0 0 35px;padding:30px}.login-story h2{font-size:40px;margin:25px 0 20px}.login-story p{font-size:14px}.login-products{margin-top:30px}.login-art{top:-65px;right:-10px;font-size:300px}.nav .btn{margin-left:0}.nav{gap:14px 22px}.sample-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{body{background:#fff;color:#000}.prototype-bar,.header,.footer,.contents,.reader-tools,.breadcrumb,.reader-end,dialog,.skip{display:none!important}.wrap{width:100%;max-width:none}.view{display:none!important}#view-newsletter{display:block!important}.page-heading{padding-top:0}.page-heading h1{font-size:32px}.reader-top{border-bottom:1px solid #aaa}.reader-body{display:block;margin-top:20px}.reader-content p{font-size:11pt}.article-section h2{font-size:23pt}.article-section{break-inside:auto}.callout{break-inside:avoid;background:none}.sample-label{border:1px solid #aaa;background:none}.page-heading .sample-label{display:inline-flex}a{color:#000}h2,h3{break-after:avoid}}

/* The original issue uses this template's existing typography and colours. */
.contents{max-height:calc(100vh - 155px);overflow-y:auto;padding-right:6px}
.contents a{padding-block:9px}.contents .reader-fact{margin-top:20px}
.real-newsletter{overflow-wrap:break-word}
.real-newsletter a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.real-newsletter a:hover{color:var(--accent-dark)}
.real-newsletter .reader-end a{text-decoration:none}
.real-newsletter h2{font-family:var(--serif);font-size:34px;line-height:1.25;letter-spacing:-.5px;margin:0 0 25px;font-weight:400}
.real-newsletter h3{font-family:var(--serif);font-size:26px;line-height:1.38;font-weight:400;margin:32px 0 12px}
.real-newsletter h4{font-family:var(--sans);font-size:15px;font-weight:650;margin:24px 0 8px}
.real-newsletter h5{font-size:17px;font-weight:650;margin:28px 0 12px}
.real-newsletter p{margin:13px 0}.real-newsletter li{margin:8px 0;line-height:1.85}
.real-newsletter blockquote{border-left:2px solid var(--line);margin:22px 0;padding-left:23px}
.real-newsletter hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.real-newsletter .original-section{border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:45px;scroll-margin-top:125px}
.real-newsletter .original-section-heading{color:var(--accent);border-top:3px solid var(--accent);padding-top:23px}
.real-newsletter .original-intro p{margin:4px 0}.real-newsletter .original-intro p:first-child{font-family:var(--serif);font-size:28px;margin-bottom:15px}
.real-newsletter .original-intro p:nth-child(2){margin-bottom:20px}
.real-newsletter .original-toc{background:var(--sage);padding:28px 32px;margin-bottom:48px;scroll-margin-top:125px}
.real-newsletter .original-toc h2{font-size:28px;margin-bottom:22px}
.real-newsletter .original-toc p{font-size:14px;line-height:1.8;margin:18px 0}
.real-newsletter .original-toc p:first-of-type{margin-top:0}
.real-newsletter .original-toc strong{display:inline-block;font-size:14px;color:var(--ink);margin-bottom:4px}
.real-newsletter .source-entry{border-bottom:1px solid var(--line);padding:5px 0 20px;margin-bottom:12px}
.real-newsletter .source-entry:last-child{border-bottom:0}
.real-newsletter .source-entry h4{color:var(--muted);font-size:12px;letter-spacing:.04em}
.real-newsletter .source-entry p:first-of-type a{font-family:var(--serif);font-size:23px;line-height:1.4;text-decoration:none}
.real-newsletter .original-table{width:100%;border-collapse:collapse;margin:0;font-size:15px;table-layout:fixed}
.real-newsletter .original-table td{vertical-align:top;border-bottom:1px solid var(--line);padding:17px 0}
.real-newsletter .original-table td:first-child{width:100px;padding-right:18px;color:var(--muted)}
.real-newsletter .original-table td p{margin:0;font-size:15px;line-height:1.8}
@media(max-width:800px){.contents{max-height:none;overflow:visible;padding-right:0}.real-newsletter h2{font-size:30px}.real-newsletter h3{font-size:24px}}
@media(max-width:590px){.real-newsletter .original-toc{padding:23px 20px}.real-newsletter h2{font-size:28px}.real-newsletter .original-table td:first-child{width:73px;padding-right:12px}.real-newsletter .original-table td p{font-size:14px}.real-newsletter .source-entry p:first-of-type a{font-size:22px}}
@media print{.real-newsletter .original-toc{background:none;padding:0}.real-newsletter h2{font-size:22pt}.real-newsletter h3{font-size:17pt}.real-newsletter p,.real-newsletter .original-table td p{font-size:10pt;line-height:1.5}.real-newsletter h2,.real-newsletter h3,.real-newsletter h4,.real-newsletter h5{break-after:avoid}.real-newsletter .original-section{break-inside:auto}}

/* Dynamisk visning */
.preview-lock{max-width:450px;margin:12vh auto;padding:35px;background:var(--white);border:1px solid var(--line)}
.preview-lock h1{font:36px var(--serif);margin-bottom:15px}.preview-lock p{margin:14px 0}
.preview-lock input{width:100%;padding:13px;border:1px solid var(--line);margin:12px 0 20px}.preview-lock label{font-size:14px}
.preview-lock .btn{width:100%}.preview-error{color:var(--accent)}
.real-newsletter h6{font-size:15px;font-weight:600;margin:20px 0 10px}
.real-newsletter img{max-width:100%;height:auto}.real-newsletter .table-scroll{overflow-x:auto;max-width:100%}
.real-newsletter table{width:100%;border-collapse:collapse;margin-block:20px}
.real-newsletter th,.real-newsletter td{padding:12px 14px;vertical-align:top;border-bottom:1px solid var(--line)}
.real-newsletter th{background:var(--sage);text-align:left}.real-newsletter .original-table td{padding:17px 0}
.real-newsletter .file-icon{font:10px var(--sans);padding:2px 5px;border:1px solid var(--line);border-radius:2px;color:var(--muted)}
.render-error{border:1px solid var(--accent);padding:20px;background:var(--wash)}
.issue-picker{display:flex;align-items:center;gap:10px;margin-top:18px}.issue-picker select{max-width:100%;padding:10px;background:var(--white);border:1px solid var(--line)}
.prototype-links button{background:none;color:inherit;font-size:11px;padding:0}.prototype-links form{display:inline}

/* Filnavn: layout_spacing_v3.css — ensartede afsnit uden dekorative skillelinjer. */
.real-newsletter hr{display:none}
.real-newsletter .original-section{border-bottom:0}
.real-newsletter .original-section:not(.original-toc){padding-bottom:0;margin-bottom:40px}
.real-newsletter .original-section-heading{border-top:0;padding-top:0}
.real-newsletter .source-entry{border-bottom:0;padding:0;margin-bottom:28px}
.real-newsletter .source-entry:last-child{margin-bottom:0}
.real-newsletter .original-table td{border-bottom:0}
.real-newsletter .original-section>:first-child,.real-newsletter .source-entry>:first-child{margin-top:0}

/* Filnavn: layout_links_v4.css — rød afsnitsstreg og fælles typografi for links. */
.real-newsletter .original-section-heading{border-top-width:3px;border-top-style:solid;border-top-color:var(--accent);padding-top:23px}
.real-newsletter #newsletter-sections a[href]{
  color:var(--accent);font-family:var(--sans);font-size:1rem;font-weight:500;font-style:normal;
  line-height:inherit;text-decoration-line:underline;text-decoration-style:solid;
  text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-skip-ink:auto;overflow-wrap:anywhere
}
.real-newsletter #newsletter-sections a[href]:visited{color:var(--accent)}
.real-newsletter #newsletter-sections a[href]:hover{color:var(--accent-dark);text-decoration-thickness:2px}
.real-newsletter #newsletter-sections a[href]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.real-newsletter #newsletter-sections :is(h1,h2,h3,h4,h5,h6) a[href]{font:inherit}
.real-newsletter #newsletter-sections a[href] :is(b,strong,i,em,u){font-family:inherit;font-size:inherit;line-height:inherit}
@media print{.real-newsletter #newsletter-sections a[href]{font-size:10pt;color:#000}}

/* Filnavn: layout_harmoni_v5.css — roligere hierarki og ens opstilling af afgørelser. */
.real-newsletter h3{font-family:var(--sans);font-size:20px;font-weight:600;line-height:1.45;letter-spacing:normal;margin:28px 0 10px}
.real-newsletter h4{font-family:var(--sans);font-size:17px;font-weight:600;line-height:1.5;margin:24px 0 10px}
.real-newsletter h5{font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.5;margin:26px 0 10px}
.real-newsletter h6{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.5;margin:20px 0 8px}
.real-newsletter li{font-size:16px;line-height:1.85}
.real-newsletter #newsletter-sections a[href]{font-weight:400}
.real-newsletter #newsletter-sections :is(h1,h2,h3,h4,h5,h6) a[href]{font:inherit}
.real-newsletter #folketinget h5{font-size:16px;color:var(--muted);margin:20px 0 8px}
.real-newsletter #folketinget .original-table{margin-block:0}
.real-newsletter #folketinget .original-table td{padding-top:10px;padding-bottom:10px}
.real-newsletter #folketinget .original-table td:first-child{padding-right:18px}

/* The four case sections now emit real articles instead of layout tables. */
.real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article{margin:28px 0;font-size:16px;line-height:1.85;color:#484d43}
.real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article:last-child{margin-bottom:0}
.real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article>h3{margin:0 0 8px;color:var(--ink)}
.real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article>h3+p{margin:0 0 12px}
.real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article>div>:first-child{margin-top:0}
.real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article>div>:last-child{margin-bottom:0}
.real-newsletter #afgoerelsesdatabasen article>p:last-child{margin:10px 0 0}
.real-newsletter #afgoerelsesdatabasen article>p:last-child small{font-size:14px;color:var(--muted)}

@media print{
  .real-newsletter{font-size:10pt;line-height:1.5}
  .real-newsletter h3{font-size:12pt;margin-top:18pt;margin-bottom:6pt}
  .real-newsletter h4{font-size:11pt;margin-top:14pt;margin-bottom:5pt}
  .real-newsletter h5{font-size:11pt;margin-top:15pt;margin-bottom:5pt}
  .real-newsletter h6,.real-newsletter #folketinget h5{font-size:10pt}
  .real-newsletter li{font-size:10pt;line-height:1.5;margin:5pt 0}
  .real-newsletter #newsletter-sections :is(h1,h2,h3,h4,h5,h6) a[href]{font:inherit}
  .real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article{font-size:10pt;line-height:1.5;margin:16pt 0;break-inside:auto}
  .real-newsletter :is(#skatteforvaltningen,#afgoerelsesdatabasen,#straffesager,#inddrivelse) article>h3+p{break-after:avoid-page;margin-bottom:7pt}
  .real-newsletter #afgoerelsesdatabasen article{break-inside:avoid-page}
  .real-newsletter #afgoerelsesdatabasen article>p:last-child small{font-size:9pt}
  .real-newsletter #folketinget .original-table td{padding-top:6pt;padding-bottom:6pt}
  .real-newsletter p,.real-newsletter li{orphans:3;widows:3}
  .real-newsletter .table-scroll{overflow:visible}
}

/* Filnavn: layout_interessante_links_v6.css — titel, kilde og tekst som én nyhed. */
.real-newsletter #links>article{margin:0 0 28px;font-size:16px;line-height:1.85;color:#484d43}
.real-newsletter #links>article:last-child{margin-bottom:0}
.real-newsletter #links>article>h3{margin:0 0 4px}
.real-newsletter #links>article>h3+p{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--muted)}
.real-newsletter #links>article>h3+p small{font:inherit}
.real-newsletter #links>article>div>:first-child{margin-top:0}
.real-newsletter #links>article>div>:last-child{margin-bottom:0}
@media print{
  .real-newsletter #links>article{font-size:10pt;line-height:1.5;margin-bottom:16pt}
  .real-newsletter #links>article>h3+p{font-size:9pt;margin-bottom:5pt;break-after:avoid-page}
}

/* Faktiske overskrifter fra seneste udgave. */
.preview-heading .eyebrow{max-width:165px;text-align:right;line-height:1.5}
#preview-picks .preview-item h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#preview-picks .preview-item:hover h3{color:var(--accent)}
.preview-empty{font-size:13px;line-height:1.7;color:var(--muted);padding:18px 0;border-top:1px solid var(--line)}
[id^="mm-original-mm-news-"]{display:block;scroll-margin-top:135px}

/* Produktfarver: SkatteMail dyb blaa, EnergiNyt dyb groen. */
:root{--sage:#e7ecef;--wash:#e9ecee}
:root[data-product="EN"]{--accent:#355b46;--accent-dark:#234332;--sage:#e7ece5;--wash:#e7ece6}
.login-story .eyebrow,.login-story h2 em,.login-story p{color:#edf2ed}
.hero h1{overflow-wrap:normal;font-size:clamp(48px,5.7vw,82px)}
@media(max-width:1100px) and (min-width:801px){.hero h1{font-size:59px}}
@media(max-width:800px) and (min-width:591px){.hero h1{font-size:46px}}
@media(max-width:590px){.hero h1{font-size:clamp(45px,12vw,66px);letter-spacing:-2.4px}}
#energikilder article,#skatteministeriet article{margin:0 0 26px}
#energikilder article h3,#skatteministeriet article h3{font-family:var(--sans);font-size:19px;font-weight:600;line-height:1.45;margin:0 0 8px}
#energikilder article p,#skatteministeriet article p{margin:8px 0}

/* Tidligere udgaver: hovedmenu og hurtig adgang fra nyhedsbrevets venstre kolonne. */
.nav .archive-entry{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--accent);background:var(--white);color:var(--accent);padding:9px 12px;font-weight:600;line-height:1.4;border-radius:2px}
.nav .archive-entry svg{width:17px;height:17px}
.nav .archive-entry::after{display:none}
.nav .archive-entry:hover,.nav .archive-entry[aria-current=page]{background:var(--wash)}
.recent-issues{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--accent);padding:16px 17px 9px;margin-bottom:28px}
.contents .recent-issues h2{font-family:var(--sans);font-size:11px;font-weight:650;color:var(--accent);margin:0 0 8px}
.contents .recent-issues-list a{font-size:13px;padding:8px 0;line-height:1.5}
.contents .recent-issues-list a span{font-size:11px}
.contents .recent-issues-list a[aria-current=page]{color:var(--accent);font-weight:650}
.contents .recent-issues-all{color:var(--accent);font-weight:600;border-bottom:0;padding:12px 0 4px;font-size:12px}
.recent-issues-all svg{width:16px;height:16px}
@media(min-width:981px) and (max-width:1100px){.nav{gap:15px}.header-inner{gap:20px}}
@media(min-width:801px) and (max-width:980px){
  .menu-toggle{display:flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:17px 32px 23px;box-shadow:0 10px 16px #00000008;flex-wrap:wrap;gap:17px 23px}
  .nav.open{display:flex}.nav-divider{display:none}.nav .btn{margin-left:auto}
}
@media(max-width:800px){.recent-issues{padding:16px 18px 10px;margin-bottom:24px}.recent-issues-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px}.contents .recent-issues-all{justify-content:flex-start;gap:12px}}
@media(max-width:590px){.recent-issues-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}

/* Indholdsfortegnelsen staar foer de tidligere udgaver. */
.contents-list + .recent-issues{margin-top:24px}