@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}

/* Harbour pay office: receipts, registers and the ship's cash ledger. */
.ledger-register table{min-width:780px}.ledger-register th:first-child{width:17%}.ledger-register th:nth-child(2){width:17%}.ledger-register th:nth-child(3),.ledger-register th:nth-child(4){width:10%}.ledger-register th:last-child{width:46%}
.ledger-register td:nth-child(3),.ledger-register td:nth-child(4){font:30px/1.1 var(--serif);text-align:center}.ledger-register td:nth-child(4){border-right:3px double var(--ink-3)}
.casino-name{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;white-space:nowrap;margin:4px 2px}.casino-logo{display:inline-flex!important;align-items:center;justify-content:center;width:62px!important;height:36px!important;flex-shrink:0;border:1px solid #dedede!important;border-radius:2px;background:#fff!important;padding:5px!important}.casino-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;opacity:1!important;transition:none!important;animation:none!important}
.ledger-table tbody th:has(.casino-name){font:20px/1.3 var(--serif)}.ledger-register td:last-child{font:10px/1.8 var(--mono)}
.ledger-withdrawal thead{background:var(--wash);color:var(--ink)}.ledger-withdrawal td{border-bottom:1px dotted var(--ink-3);font:21px/1.4 var(--serif)}.ledger-withdrawal th:first-child{width:38%}.ledger-withdrawal .casino-logo,.ledger-cash .casino-logo{width:84px!important;height:48px!important}
.ledger-cash{border:1px solid var(--ink-3);border-block:5px double var(--ink-3);padding:8px;background:repeating-linear-gradient(transparent 0,transparent 35px,var(--wash) 35px,var(--wash) 36px)}.ledger-cash thead{background:transparent;color:var(--ink)}.ledger-cash tbody td{font:29px/1.3 var(--serif);text-align:right}.ledger-cash tr>:nth-child(2){border-left:3px double var(--ink-3)}.ledger-cash th:first-child{width:50%}
.receipt-note{border-left:3px double var(--ink-3);padding:14px 22px;background:var(--wash)}.receipt-note p{font-size:12px}.component-deposit .officer-procedure,.component-withdrawal .officer-procedure{background:linear-gradient(90deg,var(--wash) 52px,transparent 52px)}.officer-procedure li{border-bottom:1px dotted var(--ink-3)}
.sealed-notice{position:relative;border:1px solid var(--ink-3);border-top:4px double var(--ink-3);padding:25px 28px;margin-top:30px;background:var(--wash)}.sealed-notice>.section-emblem{float:right;width:58px;height:62px;margin:0 0 12px 22px}.sealed-notice h3{margin-top:0}.sealed-notice .prose-columns{clear:both}
.decision-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.decision-card{border:1px solid var(--ink-3);border-top:4px double var(--ink-3);padding:22px 25px;background:var(--wash)}.decision-card>.section-emblem{width:60px;height:55px;margin-bottom:15px}.decision-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:65px 1fr;gap:22px;align-items:center}.decision-card:last-child>.section-emblem{margin:0;grid-column:1;grid-row:1}.decision-card:last-child>.prose-columns{grid-column:2;grid-row:1;min-width:0}
.component-problem .officer-procedure{border-left:3px double var(--ink-3);padding-left:10px;background:var(--wash)}.component-problem .officer-procedure li::before{border-radius:4px;transform:rotate(-5deg)}.component-problem .section-body>.prose-columns>p:last-child{padding:20px;border-top:1px dotted var(--ink-3)}
.prose-columns>p:has(+.ledger-table){font:11px/1.8 var(--mono);color:var(--ink-2);margin-bottom:12px}.article-authors .author-photo{filter:none!important;opacity:1!important;animation:none!important;transition:none!important}
@media(max-width:720px){.decision-cards{grid-template-columns:1fr}.decision-card:last-child{display:block}.decision-card:last-child>.section-emblem{margin-bottom:15px}.sealed-notice{padding:20px}.category-page .ledger-table tr>:first-child{position:static}.ledger-withdrawal table,.ledger-cash table{min-width:580px}.ledger-register table{min-width:780px}.officer-procedure li{font-size:12px}}
@media(max-width:720px){.ledger-withdrawal thead tr>:first-child,.ledger-cash thead tr>:first-child{background:transparent}}
/* 19 October 2026, after the ChatGPT fix pass: the choosing section now has 3 paragraphs of very different length, so
   the 2-up grid left an empty box beside the short first card. All three cards now stack full width, each in the
   layout the full-width last card already had (emblem left, text right). */
@media(min-width:721px){.decision-cards{grid-template-columns:1fr}.decision-card{display:grid;grid-template-columns:65px 1fr;gap:22px;align-items:center}.decision-card>.section-emblem{margin:0;grid-column:1;grid-row:1}.decision-card>.prose-columns{grid-column:2;grid-row:1;min-width:0}}

/* Onerush logo is white + yellow: its own navy tile, as on uudet-nettikasinot (owner rule: original logo colours) */
.casino-logo:has(img[data-lazy-src$="/onerush.webp"]),.casino-logo:has(img[src$="/onerush.webp"]){background:#11152d!important;border-color:#11152d!important}

/* Same nine-slice frame and inset paper as the method page's fact tiles. */
.method-picker{padding-bottom:28px}
.method-picker h2{margin:0 0 14px;font:400 13px/1.85 var(--mono);letter-spacing:normal;text-transform:none}
.method-page-grid{display:flex;flex-wrap:wrap;gap:16px}
.method-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}
.method-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}
.method-page-card::after{content:"";position:absolute;inset:13px;background:var(--paper);z-index:-2;pointer-events:none}
[data-paper=night] .method-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)}
.method-page-logo{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:96px;height:58px;background:#fff}
.method-page-logo img{display:block;width:76%;height:76%;object-fit:contain;filter:none!important;mix-blend-mode:normal;opacity:1}
.method-page-name{grid-column:2;grid-row:1;font:400 30px/1.2 var(--serif)}
.method-page-type,.method-page-counts,.method-page-link{grid-column:1/-1}
.method-page-type{font:400 10.5px/2.2 var(--mono);color:var(--ink-2)}
.method-page-link{margin-top:4px}
.method-page-card:hover .method-page-link{text-decoration:underline;text-underline-offset:4px}
.method-page-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(min-width:721px){
 .method-page-card:only-child{grid-template-columns:96px minmax(120px,1fr) auto auto;column-gap:28px}
 .method-page-card:only-child .method-page-logo{grid-row:1/3}
 .method-page-card:only-child .method-page-name{align-self:end}
 .method-page-card:only-child .method-page-type{grid-column:2;grid-row:2;align-self:start}
 .method-page-card:only-child .method-page-counts{grid-column:3;grid-row:1/3}
 .method-page-card:only-child .method-page-link{grid-column:4;grid-row:1/3;margin:0}
}
@media(max-width:720px){
 .method-page-grid{gap:12px}
 .method-page-card{flex-basis:calc(50% - 6px);padding:19px;grid-template-columns:minmax(0,1fr);gap:6px;font-size:12px}
 .method-page-logo{width:80px;height:49px}
 .method-page-name{grid-column:1;grid-row:2;font-size:30px}
 .method-page-type{font-size:10px;line-height:2.25}
 .method-page-card:only-child{grid-template-columns:80px minmax(0,1fr);column-gap:16px}
 .method-page-card:only-child .method-page-name{grid-column:2;grid-row:1}
}