@import url("/assets/mockup/v9-loki/verovapaat/category.css?v=b351be5791");
/* Reusable legal leaf: the approved site shell, one continuous reading column. */
.legal-page .logbook{padding-top:42px;border-top:0}
.legal-page .logbook-content{padding-bottom:8px}
.legal-title{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:18px 28px;align-items:center;padding:0 0 28px;border-bottom:3px double var(--ink-3)}
.legal-title h1{font:400 clamp(42px,4.2vw,60px)/1.02 var(--serif);letter-spacing:-.025em;margin:0;max-width:none}
.legal-title h1>span{display:block}
.legal-title h1 em{display:block;font-size:.63em;font-weight:400;line-height:1.15;letter-spacing:-.01em;margin-top:10px}
.legal-date{grid-column:1;margin:0;font:10.5px/1.8 var(--mono);color:var(--ink-2)}
.legal-emblem{grid-column:2;grid-row:1/3;width:90px;height:80px;object-fit:contain}
.legal-page .legal-intro{font:13px/1.95 var(--mono);color:var(--ink);margin:26px 0 0;max-width:none}
.legal-page .category-section{padding:32px 0 34px}
.legal-page .category-section h2{font:400 clamp(30px,2.8vw,40px)/1.12 var(--serif);letter-spacing:-.018em;max-width:none;margin:0 0 20px;text-wrap:pretty}
.legal-page .section-body{font:13px/1.95 var(--mono)}
.legal-page .section-body p{max-width:none;margin:0 0 18px}
.legal-page .section-body p:last-child{margin-bottom:0}
.legal-page .section-body strong{font-weight:500;color:var(--ink)}
.legal-ledger{padding:0;margin:24px 0 0;list-style:none;border-block:3px double var(--ink-3);background:var(--wash)}
.legal-ledger li{padding:18px 22px 20px;border-bottom:1px dotted var(--ink-3);color:var(--ink-2)}
.legal-ledger li:last-child{border-bottom:0}
.legal-page .legal-ledger strong{display:block;font:400 26px/1.2 var(--serif);margin-bottom:9px}
.legal-checklist{list-style:none;margin:24px 0;padding:0;border-block:3px double var(--ink-3);background:linear-gradient(90deg,var(--wash) 0,var(--wash) 66px,transparent 66px)}
.legal-page .legal-checklist li,.legal-page .legal-checklist li:first-child{padding:21px 18px 21px 88px;font:13px/1.95 var(--mono)}
.legal-page .legal-checklist li::before,.legal-page .legal-checklist li:first-child::before{content:'✓';left:15px;top:24px;font:21px/1 var(--serif)}
.legal-page .legal-safety{font:11px/1.9 var(--mono);color:var(--red);border-left:3px solid var(--red);padding:13px 18px;margin-top:26px;background:color-mix(in srgb,var(--red) 3%,transparent)}
.legal-page .legal-safety a{color:inherit}
.legal-page .category-section:last-child{border-bottom:0;padding-bottom:0}
.legal-page .footer{margin-top:48px}
.legal-page .footer a[aria-current=page]{font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){
 .legal-page .logbook{padding-top:14px}
 .legal-page .logbook-content{padding-top:30px}
 .legal-page .legal-title h1{font-size:52px}
}
@media(max-width:720px){
 .legal-page .logbook{padding-top:0}
 .legal-page .logbook-content{padding-top:26px}
 .legal-title{grid-template-columns:minmax(0,1fr) 48px;column-gap:8px;row-gap:18px;padding-bottom:23px}
 .legal-page .legal-title h1{grid-column:1/-1;font-size:42px}
 .legal-title h1 em{font-size:29px;line-height:1.14;margin-top:10px}
 .legal-date{grid-row:2;font-size:10px}
 .legal-emblem{grid-row:2;width:48px;height:44px}
 .legal-page .legal-intro{font-size:12px;line-height:1.95;margin-top:22px}
 .legal-page .category-section{padding:28px 0}
 .legal-page .category-section h2{font-size:31px;line-height:1.12;margin-bottom:18px}
 .legal-page .section-body{font-size:12px}
 .legal-ledger li{padding:18px 15px}
 .legal-page .legal-ledger strong{font-size:24px}
 .legal-checklist{background:linear-gradient(90deg,var(--wash) 0,var(--wash) 48px,transparent 48px)}
 .legal-page .legal-checklist li,.legal-page .legal-checklist li:first-child{padding:18px 8px 18px 63px;font-size:12px}
 .legal-page .legal-checklist li::before,.legal-page .legal-checklist li:first-child::before{left:8px;top:22px}
 .legal-page .legal-safety{font-size:11px;padding:12px 14px}
}
@media print{
 .legal-page .nav,.legal-page .route-column,.legal-page .footer{display:none}
 .legal-page .logbook{display:block;padding:0}
 .legal-page .logbook-content{border:0;padding:0}
 .legal-title,.legal-ledger li,.legal-checklist li{break-inside:avoid}
 .legal-page h2{break-after:avoid}
}

/* The approved legal family, with an inspection desk and a weighted ledger. */
.rating-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:35px;padding-block:42px 32px}
.rating-hero h1{font:400 clamp(48px,4.8vw,68px)/1.04 var(--serif);letter-spacing:-.03em;margin:0}
.rating-hero h1>span{display:block}.rating-hero h1 em{display:block;font-size:.62em;line-height:1.12;letter-spacing:-.018em;margin-top:15px}
.rating-hero .legal-date{margin-top:26px}
.rating-page .rating-byline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font:10px/2 var(--mono);color:var(--ink-2);margin:12px 0 0}
.rating-byline>span{display:inline-flex;gap:5px;align-items:center}.rating-byline .byline-name{display:inline-flex;align-items:center;gap:6px;color:inherit}
.rating-byline img{width:28px;height:28px;border-radius:50%;object-fit:cover;filter:none!important;mix-blend-mode:normal}
.desk-plate{width:100%;aspect-ratio:1.5;overflow:visible}.desk-layer,.quill-motion,.flame-motion{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.desk-paper{filter:url(#paper-tone)}
.quill-motion{transform-origin:15.625% 36.62%;animation:quill-stir 6s ease-in-out infinite}
.flame-motion{transform-origin:85.29% 26.46%;animation:flame-flicker 2.4s ease-in-out infinite}
.lantern-glow{position:absolute;left:82.7%;top:18.5%;width:5.2%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,249,235,.72),rgba(247,241,228,.28) 42%,transparent 72%);animation:cream-breathe 3.6s ease-in-out infinite;mix-blend-mode:normal}
[data-paper=night] .lantern-glow{background:radial-gradient(ellipse,rgba(255,249,235,.48),rgba(247,241,228,.15) 42%,transparent 72%)}
@keyframes quill-stir{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
@keyframes flame-flicker{0%,100%{transform:rotate(-1.4deg) scale(.96,.98)}35%{transform:rotate(1deg) scale(1.05,1.015)}65%{transform:rotate(-.5deg) scale(.98,.995)}85%{transform:rotate(1.4deg) scale(1.02,1.01)}}
@keyframes cream-breathe{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:.95;transform:scale(1.12)}}
.rating-page .logbook{padding-top:30px;border-top:3px double var(--ink-3)}
.rating-page .legal-intro{margin:0 0 18px}.rating-page .legal-intro:first-child{font-size:14px;color:var(--ink)}
.rating-page .category-section{padding-block:30px 32px}.rating-page .section-body{color:var(--ink-2)}
.rating-page .section-body h3{font:400 28px/1.14 var(--serif);letter-spacing:-.01em;margin:0;color:var(--ink)}
.trust-gate{border-left:3px double var(--ink-3);padding-left:24px}.gate-check{padding:0 0 22px}.gate-check+.gate-check{padding-top:20px;border-top:1px dotted var(--ink-3)}.gate-check:last-child{padding-bottom:0}
.check-heading{display:flex;align-items:center;gap:16px;margin-bottom:14px}.section-mark{object-fit:contain;width:58px;height:52px;flex:none}.check-heading .section-mark{width:58px;height:52px}
.weights-wrap{margin:25px 0;border-block:3px double var(--ink-3)}
.weights{border-collapse:collapse;width:100%;table-layout:fixed;font:12px/1.8 var(--mono);color:var(--ink-2)}
.weights th,.weights td{padding:19px 17px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.weights thead th{font:500 10px/1.5 var(--mono);letter-spacing:.05em;color:var(--ink);background:var(--wash);padding-block:14px}
.weights thead th:first-child{width:25%}.weights thead th:nth-child(2){width:15%}.weights tbody th{font:400 24px/1.15 var(--serif);color:var(--ink)}
.weights tr:last-child>*{border-bottom:0}.weights tbody tr:nth-child(even){background:var(--wash)}
.weight span{display:block;font:italic 28px/1.1 var(--serif);color:var(--ink);white-space:nowrap}
.weight i{display:block;height:9px;width:calc(var(--weight)*4%);margin-top:12px;border-block:1px solid var(--ink-3);background:repeating-linear-gradient(115deg,transparent 0 2px,var(--ink-3) 2px 3px,transparent 3px 5px)}
.editorial-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.rating-page .footer-suits .section-mark{width:34px;height:34px}
@media(max-width:1100px){.rating-hero{padding-block:30px 26px;gap:24px}.rating-hero h1{font-size:52px}.rating-page .logbook{padding-top:0}.rating-page .logbook-content{padding-top:24px}}
@media(max-width:720px){.rating-hero{display:block;padding-top:26px;padding-bottom:22px}.rating-hero h1{font-size:45px}.rating-hero h1 em{font-size:31px;margin-top:10px}.rating-hero .legal-date{margin-top:18px}.rating-byline{margin-top:9px;gap:6px}.rating-byline>span:not(.byline-dot){width:100%}.rating-byline .byline-dot{display:none}.desk-plate{margin-top:24px}.rating-page .legal-intro:first-child{font-size:12px}.trust-gate{padding-left:14px}.check-heading{gap:12px}.rating-page .section-body h3{font-size:25px}.check-heading .section-mark{width:43px;height:42px}.weights{font-size:10px;line-height:1.7}.weights th,.weights td{padding:15px 7px}.weights thead th{font-size:9px;letter-spacing:0}.weights thead th:first-child{width:28%}.weights thead th:nth-child(2){width:18%}.weights tbody th{font-size:19px;overflow-wrap:normal;hyphens:auto}.weight span{font-size:23px}.weight i{height:7px;margin-top:10px}.rating-page .category-section{padding-block:26px}.rating-page .section-body p{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.rating-page *,.rating-page *:before,.rating-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.rating-hero{padding:0}.art-motion{animation:none!important}}
@media(max-width:720px){.weights tbody th{font-size:18px;overflow-wrap:anywhere}.weights tbody td:last-child{font-size:10px}.rating-byline .byline-dot{display:inline;width:auto;margin-left:1px}.rating-byline>span:not(.byline-dot){width:auto}.rating-byline>span:last-child{flex-basis:100%}}

/* Image readiness must never delay already available artwork or photographs. */
.category-page .reveal,.category-page .stag>*{transition:none!important}
.category-page .engraving.drawn .engraving-sheet{animation:none!important}
.category-page .hero-plate,.category-page .profile-title img,.category-page .author-photo{transition:none!important}
.category-page img{transition-property:transform!important}
@media(prefers-reduced-motion:reduce){.category-page img{transition:none!important}}