/* ANOPEDIA 1.3 · VISUAL SYSTEM
   Editorial hierarchy, material depth, subtle motion. No external font or image dependencies.
   The site's primary sources, routes and written content are preserved. */
:root{
 --vs-display:Georgia,'Iowan Old Style','Palatino Linotype','Times New Roman',serif;
 --vs-body:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
 --vs-ink:#171b19;
 --vs-copper:#944738;
 --vs-shadow:0 18px 40px -30px rgba(30,26,20,.27);
 --vs-shadow-hover:0 28px 52px -31px rgba(30,26,20,.33);
 --vs-speed:240ms;
 --vs-ease:cubic-bezier(.22,1,.36,1);
}
html[data-theme=dark]{
 --vs-ink:#f3eee4;--vs-copper:#d89a83;
 --vs-shadow:0 16px 40px -26px rgba(0,0,0,.6);
 --vs-shadow-hover:0 26px 54px -25px rgba(0,0,0,.7);
}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;}
body{font-family:var(--vs-body);font-size:16px;letter-spacing:0;}
button,input,textarea,select{font-family:var(--vs-body)}
::selection{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--ink)}
:where(a,button,input,summary,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
#main-content{isolation:isolate}
/* A quieter but more intentional masthead. */
.site-header{background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 3px 22px -20px rgba(25,25,22,.6);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.site-header .header-inner{min-height:78px}
.site-header .brand{gap:12px}
.site-header .brand-text strong{font-family:var(--vs-display);font-size:clamp(23px,3vw,31px);letter-spacing:-.035em}
.site-header .brand img{width:42px;height:42px;transition:transform .5s var(--vs-ease);filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}
.site-header .icon-button{transition:background-color var(--vs-speed),color var(--vs-speed),transform var(--vs-speed) var(--vs-ease)}
.site-header .icon-button:active{transform:scale(.94)}
.site-header .header-actions{gap:5px}
/* Drawer receives depth from a single shadow, not from decorative frames. */
.mobile-nav.ed-drawer:not([hidden]){box-shadow:22px 0 75px -30px rgba(0,0,0,.48);animation-duration:270ms}
.ed-drawer .drawer-accordion[open]>.drawer-children{animation:vs-accordion 260ms var(--vs-ease) both;transform-origin:top center}
@keyframes vs-accordion{from{opacity:.45;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.ed-drawer .drawer-section{padding-bottom:13px}
.ed-drawer .drawer-section h2{letter-spacing:.13em;font-size:11px}
.ed-drawer .drawer-item-link,.ed-drawer .drawer-accordion summary{font-family:var(--vs-body);font-size:15px;font-weight:590;line-height:1.44;transition:background-color var(--vs-speed),padding-left var(--vs-speed) var(--vs-ease)}
.ed-drawer .drawer-item-link:active,.ed-drawer .drawer-accordion summary:active{background:var(--paper2)}
.ed-drawer .drawer-children a{font-size:14px;line-height:1.5}
/* Three distinct typographic voices: display, body, metadata. */
:where(.ed-intro h1,.ed-section-top h2,.page-head h1,.academy-titleblock h1,.academy-hero h1,.media-page-head h1,.reading-masthead h1,.ch-page h1){font-family:var(--vs-display);font-weight:700;}
:where(.kicker,.smallcap,.ed-eyebrow,.ed-label,.media-format,.academy-overline,.reading-label){font-family:var(--vs-body);font-weight:700;letter-spacing:.105em;text-transform:uppercase}
:where(.fine,.result-count,.page-meta,.round-tag,.reading-date,.archive-table){font-size:12px;letter-spacing:.015em;color:var(--muted)}
/* Home: magazine opening, not a full-screen notice. */
.ed-home .ed-intro{min-height:unset;align-items:center;padding-top:clamp(66px,7vw,112px);padding-bottom:clamp(65px,7vw,96px);gap:clamp(22px,4vw,68px)}
.ed-home .ed-intro-content{max-width:850px}
.ed-home .ed-eyebrow{display:block;font-size:11px;letter-spacing:.16em;line-height:1.65;max-width:28em}
.ed-home .ed-intro h1{font-size:clamp(55px,7.1vw,111px);letter-spacing:-.061em;line-height:1.015;max-width:950px;margin:20px 0 25px;text-wrap:balance}
.ed-home .ed-intro h1 em{font-style:italic;font-weight:500;letter-spacing:-.047em;white-space:normal}
.ed-home .ed-intro p{font-family:var(--vs-body);font-size:clamp(16px,1.6vw,20px);line-height:1.73;max-width:530px;letter-spacing:-.012em;margin-bottom:30px}
.ed-home .ed-text-link{font-size:13px;min-height:42px}
.ed-home .ed-ornament{--vs-tilt-x:0deg;--vs-tilt-y:0deg;opacity:.54;filter:drop-shadow(0 20px 25px rgba(74,59,43,.10));transform:perspective(950px) rotateX(var(--vs-tilt-x)) rotateY(var(--vs-tilt-y));transform-style:preserve-3d;transition:transform 500ms var(--vs-ease),opacity 500ms var(--vs-ease)}
.ed-home .ed-orbit{transform-style:preserve-3d}
.ed-home .ed-dark-disc{box-shadow:inset -12px -10px 20px rgba(0,0,0,.32),inset 5px 4px 15px rgba(234,211,166,.11),9px 18px 30px -15px rgba(0,0,0,.35)}
.ed-home .ed-section{padding-block:clamp(60px,7vw,106px)}
.ed-home .ed-section-top{align-items:end;gap:18px;margin-bottom:29px}
.ed-home .ed-section-top h2{font-size:clamp(34px,4.6vw,61px);line-height:1.09;letter-spacing:-.052em}
.ed-home .ed-section-top>a{letter-spacing:0;font-size:13px}
.ed-home .ed-feature-grid{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(27px,5vw,80px);align-items:stretch}
.ed-home .ed-lead-story{background:linear-gradient(139deg,color-mix(in srgb,var(--card) 83%,var(--gold-light)),var(--card));padding:clamp(26px,3vw,46px);border:1px solid var(--line);box-shadow:var(--vs-shadow);border-left:3px solid var(--accent);min-height:350px;display:flex;flex-direction:column;align-items:start}
.ed-home .ed-lead-story h3{font-size:clamp(33px,3.4vw,49px);line-height:1.12;letter-spacing:-.041em;margin:23px 0 20px}
.ed-home .ed-lead-story p{font-family:var(--vs-body);font-size:clamp(16px,1.4vw,19px);line-height:1.72}
.ed-home .ed-lead-story .ed-arrow{right:24px;bottom:16px}
.ed-home .ed-article-row{padding:16px 32px 26px 0}
.ed-home .ed-article-row h3{font-size:clamp(24px,2.3vw,33px);letter-spacing:-.04em}
.ed-home .ed-article-row p{font-size:15px;line-height:1.7}
.ed-home .ed-concept-grid{gap:0;border-top:1px solid var(--line)}
.ed-home .ed-concept{border:0;border-bottom:1px solid var(--line);padding:28px 34px 48px 23px;position:relative;min-height:190px;transition:background-color var(--vs-speed),transform var(--vs-speed) var(--vs-ease)}
.ed-home .ed-concept:not(:last-child){border-right:1px solid var(--line)}
.ed-home .ed-concept h3{font-size:clamp(27px,2.8vw,38px);line-height:1.15;letter-spacing:-.044em}
.ed-home .ed-concept p{font-family:var(--vs-body);font-size:14px;line-height:1.7}
.ed-home .ed-academy-section{background:linear-gradient(120deg,var(--paper2),color-mix(in srgb,var(--paper2) 80%,var(--gold-light)))}
.ed-home .ed-academy-layout{gap:clamp(32px,7vw,95px)}
.ed-home .ed-academy-layout h2{font-size:clamp(40px,5.2vw,69px);line-height:1.07;max-width:690px}
.ed-home .ed-academy-layout p{font-family:var(--vs-body);font-size:16px;line-height:1.8}
.ed-home .ed-academy-links a{font-weight:600;font-size:15px;min-height:54px}
.ed-home .ed-law-quote{border-left:3px solid var(--accent);padding-left:clamp(20px,4vw,48px)}
.ed-home .ed-law-quote blockquote{font-size:clamp(29px,3.8vw,50px);line-height:1.3;font-weight:500;max-width:850px}
.ed-home .ed-end-section>p{font-family:var(--vs-body);font-size:16px;line-height:1.75}
/* Inner-page hierarchy. Leave legal source text unaltered. */
.inner-page{padding-top:clamp(24px,4vw,65px)}
.page-head{border-bottom:1px solid var(--line2);padding:clamp(19px,3vw,44px) 0 clamp(30px,4vw,53px)}
.page-head h1{font-size:clamp(46px,6.4vw,87px);line-height:1.06;letter-spacing:-.057em;max-width:1000px;text-wrap:balance;overflow-wrap:break-word}
.page-head .lead{font-family:var(--vs-body);font-size:clamp(16px,1.55vw,20px);line-height:1.75;max-width:710px}
.page-head .page-meta{gap:6px 10px;margin-top:17px}
.page-head .round-tag{font-size:11px;letter-spacing:0;text-transform:none;border-color:var(--line)}
.breadcrumbs{font-family:var(--vs-body);font-weight:600;letter-spacing:.01em;text-transform:none;font-size:12px}
.dictionary-grid{gap:16px}
.dictionary-item{padding:27px 26px;min-height:190px;background:var(--card);box-shadow:var(--vs-shadow);border-color:var(--line);transition:transform var(--vs-speed) var(--vs-ease),box-shadow var(--vs-speed),background-color var(--vs-speed),border-color var(--vs-speed)}
.dictionary-item h3{font-size:clamp(24px,2.2vw,31px);line-height:1.17;letter-spacing:-.045em;margin:16px 0 13px}
.dictionary-item p{font-family:var(--vs-body);font-size:14px;line-height:1.68;color:var(--text)}
.dictionary-item .item-foot{font-family:var(--vs-body);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}
.journal-card{padding:25px 19px 22px;border:1px solid var(--line);background:var(--card);box-shadow:var(--vs-shadow);transition:transform var(--vs-speed) var(--vs-ease),box-shadow var(--vs-speed)}
.journal-card h3{font-size:clamp(25px,2.1vw,34px)}
.journal-card p{font-size:15px;line-height:1.75}
.feature-row{transition:background-color var(--vs-speed),padding-left var(--vs-speed)}
.entry-content p{font-size:17px;line-height:1.78}
.entry-content h2{font-size:clamp(27px,3vw,35px);line-height:1.2;letter-spacing:-.03em}
.reading-shell{max-width:920px}
.reading-masthead{max-width:820px}
.reading-masthead h1{font-size:clamp(49px,6.5vw,86px);letter-spacing:-.056em;line-height:1.08;text-wrap:balance}
.reading-prose,.editorial-longform{font-family:var(--vs-display);font-size:clamp(18px,1.65vw,21px);line-height:1.8}
.article-section h2,.concept-longform h2,.lv-research-extended h2{font-size:clamp(27px,2.65vw,35px);letter-spacing:-.035em}
.article-section p,.concept-longform p,.lv-research-extended p{font-size:clamp(18px,1.7vw,20px);line-height:1.83}
/* Academy: an institutional identity with engraved rather than glossy depth. */
.academy-titleblock h1{font-size:clamp(47px,6.4vw,87px);line-height:1.04}
.academy-hero{min-height:460px;background:linear-gradient(145deg,#18201b,#101713);box-shadow:0 28px 50px -36px rgba(0,0,0,.45)}
.academy-hero:before{opacity:.3}
.academy-hero h1{font-size:clamp(49px,6.3vw,89px);line-height:1.02;letter-spacing:-.055em;overflow-wrap:break-word}
.academy-hero h1 em{font-style:italic;font-weight:400}
.academy-hero-seal{--vs-tilt-x:0deg;--vs-tilt-y:0deg;transform:perspective(950px) rotateX(var(--vs-tilt-x)) rotateY(var(--vs-tilt-y));transform-style:preserve-3d;transition:transform 550ms var(--vs-ease),box-shadow 400ms;box-shadow:0 24px 42px -27px rgba(0,0,0,.85),inset 0 0 0 7px rgba(219,187,123,.035);background:linear-gradient(160deg,rgba(230,194,129,.06),rgba(0,0,0,.04))}
.academy-hero-seal img{filter:drop-shadow(0 6px 4px rgba(0,0,0,.35))}
.academy-subnav a{font-weight:600}
.academy-card,.academy-faculty-card,.academy-course-card{transition:transform var(--vs-speed) var(--vs-ease),box-shadow var(--vs-speed)}
/* Media: a small press with four different editorial voices. */
.media-page{padding-top:clamp(35px,5vw,73px)}
.media-page-head h1{font-size:clamp(49px,6.7vw,90px);line-height:1.04;letter-spacing:-.053em}
.media-page-head>p{font-family:var(--vs-body);font-size:clamp(16px,1.7vw,21px);line-height:1.74;max-width:650px}
.media-categories{gap:14px;border:0}
.media-category{background:var(--card);border:1px solid var(--line);padding:clamp(24px,3vw,42px);min-height:245px;box-shadow:var(--vs-shadow);transition:transform var(--vs-speed) var(--vs-ease),background-color var(--vs-speed),box-shadow var(--vs-speed)}
.media-category-symbol{font-family:var(--vs-display);font-size:37px;color:var(--accent)}
.media-category h2{font-size:clamp(28px,3vw,41px);line-height:1.13;letter-spacing:-.04em}
.media-category p{font-family:var(--vs-body);font-size:15px;line-height:1.7}
.media-category:nth-child(2){background:color-mix(in srgb,var(--paper2) 75%,var(--card))}
.media-category:nth-child(3){background:color-mix(in srgb,var(--gold-light) 19%,var(--card))}
.media-category:nth-child(4){background:var(--paper)}
.media-piece-grid{gap:16px;border:0}
.media-piece,.media-piece:nth-child(odd),.media-piece:nth-child(even){padding:30px 34px 45px;background:var(--card);border:1px solid var(--line);box-shadow:var(--vs-shadow);transition:transform var(--vs-speed) var(--vs-ease),box-shadow var(--vs-speed)}
.media-piece h3{font-size:clamp(25px,2.6vw,37px);line-height:1.16}
.media-piece p{font-family:var(--vs-body);font-size:15px;line-height:1.75}
.media-poem{font-size:clamp(21px,2.2vw,28px);line-height:1.8}
.media-aphorism{font-size:clamp(32px,4.8vw,62px);font-weight:500;font-style:italic}
.media-meme{box-shadow:var(--vs-shadow);background:linear-gradient(145deg,#242b25,#111715)}
.media-panel{box-shadow:0 13px 24px -22px rgba(0,0,0,.35)}
/* Responsive layout, designed to avoid giant same-size headings in every block. */
@media(max-width:920px){
 .ed-home .ed-feature-grid{grid-template-columns:1fr;gap:8px}
 .ed-home .ed-lead-story{min-height:0}
 .ed-home .ed-secondary-stories{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:18px}
 .ed-home .ed-article-row{padding:28px 22px 32px 0}
 .ed-home .ed-article-row h3{font-size:28px}
 .dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 html{scroll-padding-top:78px}
 .site-header .header-inner{min-height:67px;gap:8px}
 .site-header .brand{gap:9px}
 .site-header .brand img{width:36px;height:36px}
 .site-header .brand-text strong{font-size:clamp(20px,5.8vw,25px);letter-spacing:-.035em}
 .site-header .icon-button{width:41px;min-width:41px;height:43px;min-height:43px;padding:9px}
 .site-header .icon-button .ed-icon{width:23px;height:23px}
 .ed-home .ed-intro{display:block;min-height:unset;padding-top:clamp(55px,9vw,80px);padding-bottom:clamp(52px,9vw,76px)}
 .ed-home .ed-intro h1{font-size:clamp(45px,11.65vw,69px);letter-spacing:-.058em;line-height:1.025;margin:17px 0 24px}
 .ed-home .ed-eyebrow{font-size:10px;max-width:28em;line-height:1.7}
 .ed-home .ed-intro p{font-size:16px;line-height:1.73;max-width:460px}
 .ed-home .ed-ornament{position:absolute;right:-85px;top:35px;width:180px;height:180px;opacity:.12!important;filter:none}
 .ed-home .ed-section{padding-block:54px}
 .ed-home .ed-section-top{display:flex;align-items:start;gap:15px;margin-bottom:25px}
 .ed-home .ed-section-top h2{font-size:clamp(32px,8.5vw,43px)}
 .ed-home .ed-section-top>a{font-size:12px;padding-top:7px}
 .ed-home .ed-lead-story{padding:26px 25px 45px;min-height:unset}
 .ed-home .ed-lead-story h3{font-size:clamp(31px,7.6vw,39px);line-height:1.15;margin:15px 0}
 .ed-home .ed-lead-story p{font-size:16px}
 .ed-home .ed-secondary-stories{display:block}
 .ed-home .ed-article-row{padding:26px 34px 26px 0}
 .ed-home .ed-article-row h3{font-size:clamp(24px,6.6vw,30px)}
 .ed-home .ed-concept-grid{display:block;border:0}
 .ed-home .ed-concept,.ed-home .ed-concept:not(:last-child){padding:24px 32px 32px 0;border-left:0;border-right:0;border-top:1px solid var(--line);border-bottom:0;background:transparent}
 .ed-home .ed-concept:last-child{border-bottom:1px solid var(--line)}
 .ed-home .ed-concept h3{font-size:clamp(27px,7.2vw,33px)}
 .ed-home .ed-academy-layout h2{font-size:clamp(35px,9vw,47px)}
 .ed-home .ed-academy-layout p{font-size:16px}
 .ed-home .ed-law-quote blockquote{font-size:clamp(27px,7.2vw,35px)}
 .page-head h1{font-size:clamp(42px,11vw,57px);line-height:1.075}
 .page-head .lead{font-size:16px;line-height:1.75}
 .dictionary-grid{grid-template-columns:1fr;gap:10px}
 .dictionary-item{min-height:unset;padding:22px 23px}
 .dictionary-item h3{margin:11px 0;font-size:28px}
 .reading-masthead h1{font-size:clamp(42px,11vw,60px)}
 .reading-prose,.editorial-longform{font-size:18px;line-height:1.78}
 .entry-content p{font-size:16px}
 .academy-hero{padding:29px 23px;min-height:unset}
 .academy-hero h1{font-size:clamp(40px,10.4vw,59px);line-height:1.04}
 .academy-titleblock h1{font-size:clamp(40px,10vw,60px)}
 .academy-hero-seal{transform:none!important;box-shadow:0 15px 30px -25px rgba(0,0,0,.4)}
 .media-categories,.media-piece-grid{grid-template-columns:1fr;gap:11px}
 .media-category{min-height:unset;padding:25px 25px 27px}
 .media-category h2{font-size:32px;margin:11px 0}
 .media-piece,.media-piece:nth-child(odd),.media-piece:nth-child(even){padding:27px 28px 43px}
 .media-piece h3{font-size:30px}
 .media-page-head h1{font-size:clamp(43px,11vw,59px)}
 .media-page-head>p{font-size:16px;line-height:1.8}
}
@media(max-width:360px){
 .site-header .brand-text strong{font-size:19px}
 .site-header .brand img{width:31px;height:31px}
 .site-header .header-actions{gap:0}
 .site-header .icon-button{width:36px;min-width:36px;padding:7px}
 .ed-home .ed-intro h1{font-size:43px}
 .ed-home .ed-section-top h2{font-size:32px}
 .ed-home .ed-section-top{display:block}
 .ed-home .ed-section-top>a{margin-top:13px}
}
/* Motion stays meaningful: one entrance per visible section, no endless animation. */
@media(prefers-reduced-motion:no-preference){
 html.vs-motion .vs-reveal{opacity:.62;transform:translateY(10px);transition:opacity 560ms var(--vs-ease),transform 560ms var(--vs-ease)}
 html.vs-motion .vs-reveal.vs-visible{opacity:1;transform:translateY(0)}
 html.vs-motion .ed-home .ed-concept:hover{background:color-mix(in srgb,var(--paper2) 54%,transparent);transform:translateY(-3px)}
 html.vs-motion .site-header .brand:hover img{transform:rotate(-5deg) scale(1.035)}
 .ed-text-link span,.ed-section-top>a span,.ed-arrow,.media-piece-arrow,.media-category-link,.media-category-link span,.academy-arrow,.ed-academy-links a span{transition:transform 230ms var(--vs-ease)}
 :where(.ed-text-link,.ed-section-top>a,.ed-lead-story,.ed-article-row,.ed-concept,.media-piece,.media-category,.academy-arrow):hover :where(.ed-arrow,.media-piece-arrow,.media-category-link span){transform:translate(4px,-3px)}
 :where(.dictionary-item,.journal-card,.media-category,.media-piece):hover{transform:translateY(-4px);box-shadow:var(--vs-shadow-hover)}
 .feature-row:hover{padding-left:8px}
 .search-modal:not([hidden]) .search-panel{animation:vs-search 260ms var(--vs-ease) both}
 @keyframes vs-search{from{transform:translateY(-8px) scale(.99);opacity:.86}to{transform:translateY(0) scale(1);opacity:1}}
}
@media(hover:none){:where(.dictionary-item,.journal-card,.media-category,.media-piece):active{transform:scale(.994)}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
 .vs-reveal{opacity:1!important;transform:none!important}
}
/* QA fixes for narrow layouts and exceptionally long Finnish compound words. */
.dictionary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dictionary-item{min-width:0;overflow-wrap:anywhere}
.dictionary-item h3{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:920px){.dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .dictionary-grid{grid-template-columns:minmax(0,1fr)}
 .academy-hero h1{font-size:clamp(27px,7.6vw,43px);line-height:1.08;overflow-wrap:normal;word-break:normal}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .ed-home .ed-ornament{pointer-events:auto}
}