/* Additions follow the existing OzLand palette and typography. */
:root{--muted:#705b4c}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:var(--ink);color:white;padding:10px 18px;transform:translateY(-180%)}.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.lang a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);font-size:13px;font-weight:600;text-decoration:none}.lang a[aria-current=page]{background:var(--ink);color:var(--bg)}.lang a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.nav__burger{min-width:44px;min-height:44px}.nav__dropdown-menu a{white-space:normal;line-height:1.35;max-width:320px}.nav__dropdown-menu{max-height:70vh;overflow:auto;min-width:240px}
.reveal{opacity:1;transform:none}.hero__copy .display{font-size:clamp(42px,5.5vw,76px)}
.content-page{width:min(1160px,calc(100% - 64px));margin:0 auto;padding:132px 0 88px}.content-page h1{font-family:var(--serif);font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:1.08;margin:20px 0 24px;overflow-wrap:break-word}.content-page h2{font-family:var(--serif);font-size:clamp(29px,3.1vw,42px);font-weight:400;line-height:1.18;margin:0 0 20px}.content-page h3{font-family:var(--serif);font-size:28px;line-height:1.2;font-weight:400}.content-intro{padding:22px 0 54px;max-width:850px}.content-intro--image{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;max-width:none}.content-intro figure{margin:0}.content-intro figure img{width:100%;height:auto;max-height:500px;object-fit:contain}.content-intro .btn{margin-top:12px}.content-intro .lede{font-size:18px;line-height:1.7;max-width:680px}
.breadcrumbs{font-size:13px;color:var(--ink-soft)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.breadcrumbs li+li:before{content:'/';margin-right:8px;color:var(--muted)}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.prose{max-width:760px;font-size:18px;line-height:1.8}.prose section{margin:0 0 44px}.prose p{margin:0 0 22px}.prose a,.listing-intro p a,.publication-meta a{ text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.prose a:hover{color:var(--navy)}.prose li{margin-bottom:12px}.prose ul,.prose ol{padding-left:24px}.prose .btn{text-decoration:none}.page-next{border-top:1px solid var(--peach);padding-top:36px;margin-top:44px}.section-detail-link{width:min(1160px,calc(100% - 64px));margin:32px auto 0}.section-detail-link a{padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.credentials{display:flex;flex-wrap:wrap;gap:24px}.credentials img{width:200px;height:auto}.form-privacy{font-size:14px;line-height:1.6;color:var(--ink-soft)}.form-privacy a{text-decoration:underline}.form-note{margin:0;max-width:420px}.contact-form .field--full{grid-column:1/-1}
.publication{max-width:820px;margin:auto}.publication-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-soft);margin:30px 0 18px}.publication-cover{margin:32px 0 44px}.publication-cover img{display:block;width:100%;max-height:520px;object-fit:contain;height:auto}.publication-content{margin:auto}.publication-next{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--peach);margin-top:40px;padding-top:28px}.related-posts{margin-top:64px}.related-posts>.blog-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-intro{max-width:850px;margin:24px 0 44px}.blog-preview-card h2,.blog-preview-card h3{font-size:28px}.blog-preview-card__image img{width:100%;height:100%;object-fit:cover}.blog-preview-card time{font-size:13px;color:var(--muted)}.pagination{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.pagination a{padding:10px 16px;border:1px solid var(--peach)}.pagination a[aria-current=page]{background:var(--ink);color:var(--bg)}
.footer__inner{grid-template-columns:1.1fr 1fr 1fr 1fr}.footer__nav a{overflow-wrap:anywhere}.footer__bottom>p:last-child{font-size:12px}.footer{margin-top:0}
@media(max-width:1100px){.nav{gap:12px}.nav-book{display:none}.nav__links{gap:16px}.brand__name strong{font-size:18px}.content-intro--image{gap:32px}.footer__inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.content-page{width:calc(100% - 32px);padding-top:108px;padding-bottom:56px}.content-intro--image{grid-template-columns:1fr;gap:28px}.content-intro{padding-top:16px;padding-bottom:32px}.content-intro figure img{max-height:300px}.content-page h1{font-size:42px}.prose{font-size:17px}.publication-meta{gap:8px 16px}.publication-cover{margin:24px 0 30px}.related-posts>.blog-preview-grid{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr 1fr;gap:28px}.footer__brand{grid-column:1/-1}.nav__dropdown-menu{max-height:45vh;min-width:0}.section-detail-link{width:calc(100% - 32px)}.hero__copy .display{font-size:46px}.lang{gap:0;padding:0}.nav{padding-left:16px;padding-right:16px;gap:8px}.brand__name strong{font-size:16px;line-height:1.1}.brand__mark{max-width:24px}.brand{gap:7px}.brand__name{min-width:0}.nav__links.is-open{max-height:calc(100vh - 95px);overflow:auto}.nav__dropdown-toggle{min-height:44px}}
@media(max-width:420px){.content-page h1{font-size:37px}.hero__copy .display{font-size:41px}.footer__inner{grid-template-columns:1fr}.brand__name strong{font-size:14px;max-width:116px}.nav{gap:4px}.lang a{min-width:40px}.nav__burger{min-width:40px}.content-page{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:760px){html[lang="et"] .hero__copy .display em{font-size:clamp(28px,6.8vw,46px)}}

/* Keep the language pill intrinsic; let the brand use spare mobile space. */
.nav > .lang{justify-self:end;width:max-content;flex-shrink:0}
@media(max-width:760px){.nav{grid-template-columns:minmax(0,1fr) auto auto}.nav > .brand{min-width:0}.nav > .lang{grid-column:2}.nav > .nav__burger{grid-column:3}}

.brand__mobile-break{display:none}
@media(max-width:760px){.brand__mobile-break{display:initial}.nav .brand__name strong{white-space:nowrap}}
