@import url("/assets/mockup/v9-loki/verovapaat/category.css?v=b351be5791");
/* Harbour master's office: local treatments over the approved category shell. */
/* On phones every column must remain readable at its scroll position. */
@media(max-width:720px){.category-page .ledger-table tr>:first-child{position:static}}
.category-hero h1{font-size:clamp(54px,6.1vw,88px);line-height:.96}.category-hero h1>span{max-width:none}.category-hero h1 em{font-size:clamp(31px,3.15vw,45px);max-width:23ch}
.category-page .category-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:36px;padding-block:52px 45px}.category-hero .hero-plate{width:100%;margin:0;align-self:center}
.category-intro,.category-commission{max-width:none}.prose-columns{columns:1!important}.section-body p{max-width:none}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:24px;align-items:start}.section-heading .section-emblem{width:80px;height:74px;grid-row:1;grid-column:2}.category-section .section-heading h2{font-size:clamp(36px,3.4vw,49px);max-width:none;grid-column:1}
.section-body{font-size:13px;line-height:1.95}.section-body p{color:var(--ink-2)}.category-section{padding-block:42px 46px}.category-page .category-section h3{max-width:none;font-size:30px}.section-emblem{display:block}.section-emblem img{width:100%;height:100%;object-fit:contain}
.skipper-note{padding:22px 27px;border:1px solid var(--ink-3);border-left:4px solid var(--ink);background:var(--wash);margin:0 0 25px}.skipper-note p{font-size:14px}
.ledger-table{padding:0;border:1px solid var(--ink-3);border-block:4px double var(--ink-3);background:var(--wash)}.ledger-table table{table-layout:auto;min-width:650px;font-size:11px;line-height:1.8}.ledger-table th,.ledger-table td{border-right:1px dotted var(--ink-3);padding:19px 16px;overflow-wrap:normal;word-break:normal}.ledger-table thead{background:var(--ink);color:var(--paper)}.ledger-table thead th{font-size:10px}.ledger-table tbody th{font:23px/1.2 var(--serif)}
.ledger-registry th:first-child{width:20%}.ledger-registry th:nth-child(2){width:23%}.ledger-registry th:nth-child(3){width:12%}.ledger-registry th:nth-child(4){width:31%}.ledger-registry th:last-child{width:14%}.ledger-registry td:last-child{font:34px/1.1 var(--serif);text-align:center}.registry-name{display:flex;align-items:center;gap:8px}.registry-name .section-emblem{width:38px;height:44px;flex-shrink:0}.ledger-registry td:nth-child(3){border-right:3px double var(--ink-3)}
.ledger-companies{border-block:4px double var(--ink-3);background:transparent}.ledger-companies td:nth-child(2),.ledger-companies td:nth-child(3){font:32px/1.1 var(--serif);text-align:center}.ledger-companies tr:last-child{background:var(--wash);border-top:3px double var(--ink-3)}
.company-ledger{margin:23px 0 28px;border-block:3px double var(--ink-3)}.company-ledger>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px dotted var(--ink-3);padding:16px 22px;gap:24px}.company-ledger>div:last-child{border:0}.company-ledger>div:nth-child(4){background:var(--wash)}.company-ledger dt{font:23px/1.3 var(--serif);position:relative}.company-ledger dd{display:flex;gap:26px;border-left:1px solid var(--ink-3);padding-left:30px;margin:0}.company-ledger figure{margin:0}.company-ledger figcaption{font:10px/1.5 var(--mono);margin-top:7px;text-align:center}.company-ledger .casino-logo{width:115px;height:65px;border-radius:2px}
.component-logbook .section-body{border-left:1px solid var(--ink-3);padding-left:28px}.component-logbook .subentry{border-top:3px double var(--ink-3);margin-top:25px}.component-logbook .subentry h3{margin-top:24px}
.licence-papers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;align-items:start}.licence-paper{padding:25px;border:1px solid var(--ink-3);border-top:4px double var(--ink-3);background:var(--wash);min-width:0}.licence-paper:nth-child(2){background:transparent}.licence-paper>.section-emblem{width:68px;height:62px;float:right;margin:0 0 14px 16px}.licence-paper h3{margin:0 0 22px!important;min-height:90px}.licence-paper .prose-columns{clear:both}.licence-paper p{font-size:12px;line-height:1.95}.ledger-papers tbody td:nth-child(2){font:20px/1.5 var(--serif)}
.component-boundary .section-body{padding:26px;border:1px solid var(--ink-3);border-left:4px double var(--ink);background:var(--wash)}.component-boundary .subentry{border-top:4px double var(--ink-3);margin-top:26px;padding-top:2px}
.port-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;align-items:start}.port-card{padding:25px;border:1px solid var(--ink-3);border-top:4px double var(--ink-3);min-width:0;background:var(--wash)}.port-card:first-child{grid-row:span 2}.port-card>.section-emblem{width:65px;height:58px;margin-bottom:14px}.port-card h3{margin:0 0 20px;font-size:29px!important}.port-card p{font-size:12px}.central-bank-note{padding:19px 0 0;border-top:3px double var(--ink-3);margin-top:20px}.central-bank-note p{color:var(--ink)}
.officer-procedure{counter-reset:officer;list-style:none;padding:0;margin:0 0 26px;border-block:3px double var(--ink-3)}.officer-procedure li{counter-increment:officer;padding:20px 18px 20px 64px;font-size:13px}.officer-procedure li:first-child{padding-top:20px}.officer-procedure li::before{content:counter(officer);font:23px/34px var(--serif);width:34px;height:34px;text-align:center;border:1px solid var(--ink-3);outline:1px dotted var(--rule);outline-offset:3px;border-radius:50%;left:10px;top:23px!important}.component-verification .ledger-table{padding:12px;background:var(--wash)}.component-verification .ledger-table thead{background:transparent;color:var(--ink)}.component-verification .ledger-table th{font:23px/1.3 var(--serif)}
.dispute-routes{display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none;padding:0;margin:25px 0}.dispute-routes li{padding:20px;border-top:3px double var(--ink-3);border-bottom:1px solid var(--ink-3);background:var(--wash);font-size:12px}.dispute-routes .section-emblem{width:52px;height:48px;margin-bottom:12px}
.component-tides .section-body{padding:28px;border-block:4px double var(--ink-3);background:repeating-linear-gradient(transparent 0,transparent 37px,var(--wash) 37px,var(--wash) 38px)}.component-tides .subentry{border-top:1px dotted var(--ink-3);margin-top:24px}.component-tides .section-body>.prose-columns>p:first-child{border-left:3px solid var(--ink-3);padding-left:22px}
.navigation-papers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.navigation-papers article{border:1px solid var(--ink-3);border-top:4px double var(--ink-3);padding:25px;min-width:0;background:var(--wash)}.navigation-papers .section-emblem{width:76px;height:66px;margin-bottom:22px}.navigation-papers p{font-size:12px}.navigation-papers a{font-size:17px;font-weight:500}.navigation-papers article:last-child{background:transparent}
.component-responsible{margin-top:36px}.component-responsible .section-heading h2{font-size:40px}.component-responsible .section-emblem{filter:sepia(1) saturate(3)}.faq-entry summary h3{font-size:28px!important}
.bonus-page,.bonus-page *{hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}.category-page .footer{margin-top:20px}
.port-cards{grid-template-columns:1fr}.port-card:first-child{grid-row:auto}.port-card>.section-emblem{float:right;margin:0 0 14px 24px}.port-card .prose-columns{clear:both}.port-card p{font-size:13px}
@media(max-width:1100px){.category-hero h1{font-size:66px}.category-hero h1 em{font-size:35px}}
@media(max-width:720px){.category-page .category-hero{display:grid;grid-template-columns:1fr;padding-block:34px 30px}.category-hero h1{font-size:53px}.category-hero h1 em{font-size:32px;max-width:none}.category-byline{grid-row:2;margin:20px 0 10px}.category-hero .hero-plate{grid-row:3;grid-column:1;width:100%;margin:12px 0 22px}.category-commission{grid-row:4}.category-intro{grid-row:5}.section-heading{grid-template-columns:minmax(0,1fr) 52px;gap:12px}.section-heading .section-emblem{width:52px;height:60px}.category-section .section-heading h2{font-size:34px}.section-body{font-size:12px}.skipper-note{padding:19px}.skipper-note p{font-size:12px}.category-section{padding-block:32px 36px}.licence-papers,.port-cards,.dispute-routes,.navigation-papers{grid-template-columns:1fr}.licence-paper,.port-card,.navigation-papers article{padding:21px}.port-card:first-child{grid-row:auto}.licence-paper h3{min-height:0}.company-ledger>div{grid-template-columns:1fr;padding:17px 12px;gap:14px}.company-ledger dd{padding-left:18px}.company-ledger dt{font-size:23px}.company-ledger .casino-logo{width:110px}.component-logbook .section-body{padding-left:17px}.component-boundary .section-body,.component-tides .section-body{padding:20px 16px}.component-responsible .section-heading h2{font-size:32px}.ledger-table table{min-width:660px}.ledger-registry table{min-width:820px}.ledger-table tr>:first-child{position:sticky;left:0;background:var(--paper);z-index:1}.ledger-table thead tr>:first-child{background:var(--ink)}.component-verification .ledger-table thead tr>:first-child{background:var(--paper)}.category-page .logbook-content{min-width:0}}

/* Static paper-edge vignette: shared reference fade stops, mirrored on all edges.
   Keep the mask on the stationary stage so every moving layer shares its edge. */
.hero-plate .plate-stage{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}

/* Same nine-slice frame and inset paper as the method page's fact tiles. */
.guide-picker{padding-bottom:28px}
.guide-picker h2{margin:0 0 14px;font:400 13px/1.85 var(--mono);letter-spacing:normal;text-transform:none}
.guide-page-grid{display:flex;flex-wrap:wrap;gap:16px}
.guide-page-card{flex:1 1 280px;min-width:0;position:relative;isolation:isolate;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 18px;align-items:center;padding:25px;color:var(--ink);text-decoration:none;font:400 13px/1.85 var(--mono);text-transform:none;letter-spacing:normal;border:0;box-shadow:none}
.guide-page-card::before{content:"";position:absolute;inset:0;pointer-events:none;border:12px solid transparent;border-image:url("/assets/mockup/v9-loki/maksutavat-menetelma/art/layers/frame-torn-day.webp?v=8bfbc82d5b") 42.6155581 round;z-index:-1}
.guide-page-card::after{content:"";position:absolute;inset:13px;background:var(--paper);z-index:-2;pointer-events:none}
[data-paper=night] .guide-page-card::before{border-image-source:url("/assets/mockup/v9-loki/maksutavat-menetelma/art/layers/frame-torn-night.webp?v=47ffeabf84");filter:url(#ink-night)}
.guide-page-logo{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:96px;height:58px;background:var(--paper)}
.guide-page-logo img{display:block;width:76%;height:76%;object-fit:contain;filter:none!important;mix-blend-mode:normal;opacity:1}
.guide-page-name{grid-column:2;grid-row:1;font:400 30px/1.2 var(--serif)}
.guide-page-type,.guide-page-counts,.guide-page-link{grid-column:1/-1}
.guide-page-type{font:400 10.5px/2.2 var(--mono);color:var(--ink-2)}
.guide-page-link{margin-top:4px}
.guide-page-card:hover .guide-page-link{text-decoration:underline;text-underline-offset:4px}
.guide-page-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(min-width:721px){
 .guide-page-card:only-child{grid-template-columns:96px minmax(120px,1fr) auto auto;column-gap:28px}
 .guide-page-card:only-child .guide-page-logo{grid-row:1/3}
 .guide-page-card:only-child .guide-page-name{align-self:end}
 .guide-page-card:only-child .guide-page-type{grid-column:2;grid-row:2;align-self:start}
 .guide-page-card:only-child .guide-page-counts{grid-column:3;grid-row:1/3}
 .guide-page-card:only-child .guide-page-link{grid-column:4;grid-row:1/3;margin:0}
}
@media(max-width:720px){
 .guide-page-grid{gap:12px}
 .guide-page-card{flex-basis:100%;padding:19px;grid-template-columns:minmax(0,1fr);gap:6px;font-size:12px}
 .guide-page-logo{width:80px;height:49px}
 .guide-page-name{grid-column:1;grid-row:2;font-size:30px}
 .guide-page-type{font-size:10px;line-height:2.25}
 .guide-page-card:only-child{grid-template-columns:80px minmax(0,1fr);column-gap:16px}
 .guide-page-card:only-child .guide-page-name{grid-column:2;grid-row:1}
}

.guide-page-logo{position:relative}
.guide-page-logo .guide-picture{position:absolute;width:76%;height:76%;background:var(--day) center/contain no-repeat}
[data-paper=night] .guide-page-logo .guide-picture{background-image:var(--night);filter:url(#ink-night)}