/* Page & Paper: inner pages. Each page has its own composition. No motion. */

/* ---------- page heads ---------- */
.ph-head{padding-block:var(--s5) var(--s7);border-block-end:1px solid var(--line-strong);background:var(--bg)}
.ph-grid{display:grid;gap:var(--s6);align-items:center;grid-template-columns:minmax(0,1fr)}
.ph-t{display:grid;gap:var(--s4);align-content:center;justify-items:start}
.ph-t h1{max-inline-size:14ch}
.ph-t .crumbs{margin-block-end:var(--s3)}
.ph-i .ph{aspect-ratio:5/4}
.ph-i img{object-position:50% 40%}
@media (min-width:1000px){
  .ph-head{padding-block:var(--s6) var(--s8)}
  .ph-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s8)}
  .ph-head--wide .ph-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .ph-head--wide .ph-i .ph{aspect-ratio:2.3/1}
  .ph-head--table .ph-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
  .ph-head--table .ph-i{order:-1}
  .ph-head--table .ph-i .ph{aspect-ratio:1/1;max-inline-size:420px}
  .ph-head--table .ph-t{padding-inline-start:var(--s4)}
}
.ph-head--night{background:var(--bg);color:var(--fg);border-block-end:6px solid var(--gold)}
.ph-head--night .ph-i .ph{aspect-ratio:4/3}
.ph-head--slim{padding-block-end:var(--s6)}
.ph-head--slim .ph-t h1{max-inline-size:none}

@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- filters ---------- */
.flt{display:grid;gap:var(--s4);align-content:start}
.flt-q input{inline-size:100%}
.flt-g{display:grid;gap:var(--s2);border:0;padding:0;min-inline-size:0}
.flt-g legend{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);padding:0;margin-block-end:var(--s2)}
.flt .chips{flex-wrap:wrap;gap:var(--s2)}
.flt-act{display:flex;flex-wrap:wrap;gap:var(--s2)}
.flt--bar{grid-template-columns:minmax(0,1fr);padding:var(--s5);background:var(--surface);border:1px solid var(--line);margin-block-end:var(--s5)}
@media (min-width:1000px){.flt--bar{grid-template-columns:minmax(200px,1fr) minmax(0,2.6fr) minmax(0,1.1fr) minmax(0,1.6fr) auto;align-items:start}.flt--bar .flt-act{align-self:end}}
.resbar{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between;padding-block:var(--s3);margin-block-end:var(--s5);border-block-end:1px solid var(--line-strong)}
.resbar p{font-weight:700}
.sortbox{display:flex;align-items:center;gap:var(--s3)}
.sortbox label{font-weight:700}
.sortbox select{inline-size:auto;min-inline-size:200px}
.empty{padding:var(--s7) var(--s5);text-align:start;background:var(--surface);border:1px solid var(--line);display:grid;gap:var(--s3);justify-items:start}
.grid>.empty,.nr-list>.empty{grid-column:1/-1}

/* ---------- catalogue ---------- */
.cat{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.cat-rail{padding:var(--s5);background:var(--surface);border:1px solid var(--line)}
@media (min-width:1000px){.cat{grid-template-columns:280px minmax(0,1fr);gap:var(--s7)}.cat-rail{position:sticky;inset-block-start:calc(var(--header) + var(--s5));max-block-size:calc(100svh - var(--header) - var(--s6));overflow-y:auto}}
.cat-main .grid--books{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.nr-list{display:grid;border-block-start:2px solid var(--fg)}
.grid--talk{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--s5)}
@media (min-width:860px){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.qz .grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}

/* ---------- quick view dialog ---------- */
dialog.qv{padding:0;border:2px solid var(--fg);background:var(--bg);color:var(--fg);inline-size:min(760px,calc(100vw - 32px));max-block-size:calc(100svh - 32px);overflow:auto}
dialog.qv::backdrop{background:rgba(20,32,51,.72)}
.qv-in{position:relative;padding:var(--s6)}
.qv-x{position:absolute;inset-block-start:var(--s3);inset-inline-end:var(--s3)}
.qv-grid{display:grid;gap:var(--s5);grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.qv-grid{grid-template-columns:180px minmax(0,1fr);gap:var(--s6)}}
.qv-cover svg{inline-size:min(100%,180px);aspect-ratio:2/3;block-size:auto;box-shadow:5px 6px 0 -1px rgba(20,32,51,.18)}
.qv-t{display:grid;gap:var(--s3);align-content:start}
.qv-in>.qv-t{font-size:var(--t-h3);font-family:var(--f-display);padding-inline-end:96px}
.qv-t h2{font-size:var(--t-h3);padding-inline-end:96px}
.qv-by{color:var(--muted)}.qv-price{font-family:var(--f-display);font-size:1.75rem}
.qv-in>*+*{margin-block-start:var(--s3)}
.qv-in .form{margin-block-start:var(--s4)}

/* ---------- book detail ---------- */
.bd-top{padding-block:var(--s4) 0}
.bd{padding-block:var(--s5) var(--sec)}
.bd-grid{display:grid;gap:var(--s7);grid-template-columns:minmax(0,1fr);align-items:start}
.bd-plinth{background:var(--kraft);padding:var(--s7) var(--s5);display:grid;place-items:center;border-block-end:8px solid var(--brand)}
.bd-cover svg{inline-size:min(100%,320px);aspect-ratio:2/3;block-size:auto;box-shadow:12px 14px 0 -2px rgba(20,32,51,.22);margin-inline:auto}
.bd-info{display:grid;gap:var(--s4);justify-items:start;align-content:start}
.bd-info h1{font-size:var(--t-h1);max-inline-size:14ch}
.bd-by{font-family:var(--f-display);font-size:var(--t-h3);font-style:italic}
.bd-by a{text-decoration:none;color:var(--brand-t)}.bd-by a:hover{text-decoration:underline}
.bd-price{font-family:var(--f-display);font-size:3rem;line-height:1}
.bd-spec{color:var(--muted);padding-block:var(--s3);border-block:1px solid var(--line);inline-size:100%}
.bd-blurb{font-family:var(--f-display);font-size:1.3125rem;line-height:1.6}
.bd-buy{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center}
@media (min-width:900px){.bd-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s8)}.bd-plinth{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.bd-talk{background:var(--bg);color:var(--fg);padding-block:var(--s8);border-block:6px solid var(--gold)}
.bd-talk__in{display:grid;gap:var(--s4);justify-items:start}
.bd-talk blockquote p{font-family:var(--f-display);font-style:italic;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);line-height:1.25;max-inline-size:34ch}
.bd-if a{color:var(--brand-t);font-weight:700}
.bd-more{display:grid;gap:var(--s7);grid-template-columns:minmax(0,1fr)}
.bd-author p{font-family:var(--f-display);font-size:1.25rem;line-height:1.6}
.bd-author{display:grid;gap:var(--s4);align-content:start}
.bd-also{font-size:1rem!important;font-family:var(--f-body)!important}
.bd-order{display:grid;gap:var(--s4);align-content:start;padding:var(--s6);background:var(--surface);border:1px solid var(--line-strong);border-block-start:5px solid var(--gold)}
@media (min-width:900px){.bd-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}

/* ---------- next read ---------- */
.qz{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.qz-steps{list-style:none;padding:0;display:grid;gap:0;border:1px solid var(--line-strong);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr))}
.qz-steps li{display:grid;gap:2px;padding:var(--s3) var(--s3);font-weight:600;color:var(--muted);border-inline-end:1px solid var(--line);min-block-size:56px;align-content:center}
.qz-steps li:last-child{border-inline-end:0}
.qz-steps .num{font-size:var(--t-label);letter-spacing:.1em}
.qz-steps [aria-current="step"]{background:var(--brand);color:#fff}
.qz-steps .is-done{color:var(--fg);background:var(--surface-2)}
.qz-panel{padding:var(--s6);background:var(--surface);border:1px solid var(--line);display:grid;gap:var(--s5);align-content:start;min-block-size:320px}
.qz-opts{display:grid;gap:var(--s3);grid-template-columns:minmax(0,1fr)}
.qz-opts--genre{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.qz-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s3)}
.js .qz-nojs{display:none}
@media (min-width:1000px){.qz{grid-template-columns:220px minmax(0,1fr);gap:var(--s7)}.qz-steps{grid-template-columns:minmax(0,1fr)}.qz-steps li{border-inline-end:0;border-block-end:1px solid var(--line);padding:var(--s4)}.qz-steps li:last-child{border-block-end:0}.qz-opts:not(.qz-opts--genre){grid-template-columns:repeat(2,minmax(0,1fr))}}
.qz-panel h2:focus{outline:none}

/* ---------- events ---------- */
.evp{display:grid;gap:var(--s7);grid-template-columns:minmax(0,1fr);align-items:start}
.cal-card{padding:var(--s4);background:var(--surface);border:1px solid var(--line-strong);border-block-start:5px solid var(--gold);display:grid;gap:var(--s4)}
.cal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.cal-head h2{font-size:1.5rem;text-align:center}
.cal-head .btn{min-inline-size:44px;padding-inline:var(--s3)}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;text-align:center}
@media (max-width:519.98px){.cal-card{margin-inline:calc(var(--gutter) * -1);padding-inline:0;border-inline:0}.cal-head,.cal-card>.pill,.cal-card>.help{margin-inline:var(--s4)}}
.cal-dow{font-size:var(--t-label);color:var(--muted);font-weight:700;padding-block:var(--s2)}
.cal-d{display:grid;place-items:center;min-block-size:44px;font:500 1rem var(--f-body);color:var(--muted);background:none;border:1px solid transparent;border-radius:0}
button.cal-d{cursor:pointer;color:var(--fg);font-weight:700;background:var(--field);border-color:var(--line-strong)}
button.cal-d:hover{background:var(--kraft)}
button.cal-d[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
@media (min-width:1000px){.evp{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:var(--s8)}.cal-card{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.agenda{display:grid;gap:var(--s7)}
.ag-month h2{font-size:var(--t-h2);padding-block-end:var(--s3);border-block-end:2px solid var(--fg);margin-block-end:0}
.ag-list{list-style:none;padding:0}
.ag{display:grid;gap:var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line-strong);grid-template-columns:72px minmax(0,1fr);align-items:start}
.ag-date{display:grid;justify-items:center;padding:var(--s2);background:var(--ink);color:var(--paper);line-height:1.1}
.ag-date b{font-family:var(--f-display);font-size:2.25rem;font-weight:500}
.ag-date span{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase}
.ag-dow{color:var(--gold-l)}
.ag-type{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--brand-t)}
.ag-body{display:grid;gap:var(--s2)}
.ag-body h3{font-size:clamp(1.5rem,1.3rem + .8vw,2rem)}
.ag-meta{color:var(--muted)}
.ag-blurb{font-family:var(--f-display);font-size:1.1875rem;line-height:1.55}
.ag-act{grid-column:2}
@media (min-width:860px){.ag{grid-template-columns:84px minmax(0,1fr) auto}.ag-act{grid-column:auto}}

/* ---------- book club ---------- */
.cl-book{display:grid;gap:var(--s6);padding:var(--s6);grid-template-columns:minmax(0,1fr);align-items:center;border:0}
.cl-cover{display:grid;place-items:center;padding:var(--s6);background:rgba(0,0,0,.2)}
.cl-cover svg{inline-size:min(100%,280px);aspect-ratio:2/3;block-size:auto;box-shadow:10px 12px 0 -2px rgba(0,0,0,.3)}
.cl-text{display:grid;gap:var(--s4);justify-items:start}
.cl-text h2{font-size:var(--t-h1)}
.cl-by{font-family:var(--f-display);font-style:italic;font-size:var(--t-h3)}
.cl-blurb{font-family:var(--f-display);font-size:1.25rem;line-height:1.6}
.cl-when{display:grid;gap:var(--s3);padding:var(--s5);background:rgba(0,0,0,.2);border:1px solid var(--line)}
.cl-k{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--gold-l)}
.countdown{display:flex;gap:var(--s2);flex-wrap:nowrap}
.countdown b{display:grid;justify-items:center;flex:1 1 0;min-inline-size:0;padding:var(--s3) var(--s2);border:1px solid var(--line-strong)}
.countdown .num{font-family:var(--f-display);font-size:2.25rem;line-height:1;font-weight:500}
.countdown i{font-style:normal;font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase}
@media (min-width:1000px){.cl-book{grid-template-columns:300px minmax(0,1fr) 300px;gap:var(--s7);padding:var(--s7)}}
.cl-qs{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.cl-qs{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--s8)}}
.cl-toggle{padding:var(--s4);border:1px solid var(--line-strong);background:var(--surface);margin-block-end:var(--s4)}
.questions{display:none}
.cl-qs>div:last-child:has(#spoilers:checked) .questions{display:grid;border-block-start:2px solid var(--fg)}
.questions details{border-block-end:1px solid var(--line-strong)}
.questions summary{cursor:pointer;min-block-size:56px;display:flex;align-items:center;padding-block:var(--s3);font-family:var(--f-display);font-size:1.375rem;line-height:1.25;list-style-position:inside}
.questions summary:hover{color:var(--brand-t)}
.questions details p{padding-block-end:var(--s4);color:var(--muted)}
.cl-past{list-style:none;padding:0;display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.cl-past li{display:grid;gap:var(--s1);align-content:start}
.cl-past__c{display:block;padding:var(--s5);background:var(--bg);margin-block-end:var(--s3);border-block-end:6px solid var(--brand)}
.cl-past__c svg{inline-size:min(70%,150px);aspect-ratio:2/3;block-size:auto;margin-inline:auto;box-shadow:5px 6px 0 -1px rgba(20,32,51,.18)}
.cl-past__w{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.cl-past h3{font-size:1.5rem}.cl-past h3 a{text-decoration:none}.cl-past h3 a:hover{color:var(--brand-t)}
.cl-past__by{color:var(--muted)}
.cl-join{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:900px){.cl-join{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s8)}}
.cl-join .lead{margin-block:var(--s3)}

/* ---------- challenge ---------- */
.ch{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.ch-dash{display:grid;gap:var(--s5);justify-items:center;padding:var(--s6);text-align:center;border:0}
.ring{inline-size:min(100%,220px);block-size:auto}
.ch-of{font-family:var(--f-display);font-size:1.5rem}
.ch-dash .field{inline-size:100%;text-align:start}
.ch-read{display:grid;gap:var(--s5)}
.ch-list{list-style:none;padding:0;border-block-start:2px solid var(--fg)}
.ch-list li{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between;padding-block:var(--s3);border-block-end:1px solid var(--line-strong)}
.ch-list i{color:var(--muted);font-style:italic;display:block}
.ch-none{color:var(--muted)}
.ch-share{display:grid;gap:var(--s4);align-content:start}
.share-card{padding:var(--s6);display:grid;gap:var(--s3);border:0;aspect-ratio:4/5;align-content:start;overflow:hidden}
.share-card h3{font-size:2rem}.share-card ol{padding-inline-start:1.25em;display:grid;gap:2px}
@media (min-width:1000px){.ch{grid-template-columns:300px minmax(0,1fr) 300px;gap:var(--s7)}}

/* ---------- stationery ---------- */
.cu{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.cu-stage{display:grid;place-items:center;padding:var(--s8) var(--s5);background:var(--kraft);border-block-end:8px solid var(--brand);min-block-size:420px}
.notebook{position:relative;inline-size:240px;aspect-ratio:3/4;display:grid;align-content:center;justify-items:center;text-align:center;padding:var(--s5);box-shadow:12px 14px 0 -2px rgba(20,32,51,.22);color:var(--gold-l)}
.notebook.is-a6{inline-size:190px}.notebook.is-a4{inline-size:290px}
.notebook::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:14px;background:rgba(0,0,0,.22)}
.notebook i{position:absolute;inset-inline:36px;inset-block-start:34px;block-size:2px;background:currentColor}
.notebook b{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:1.75rem;line-height:1.15;overflow-wrap:anywhere;color:var(--gold-l)}
.notebook[data-foil="cream"] b,.notebook[data-foil="cream"]{color:var(--paper)}
.notebook[data-foil="blind"] i{background:rgba(255,255,255,.35)}
.cu-form{display:grid;gap:var(--s5)}
.swatches{display:flex;flex-wrap:wrap;gap:var(--s2)}
.swatch{display:grid;justify-items:center;gap:4px;min-inline-size:64px;min-block-size:44px;padding:var(--s2);background:var(--field);border:1px solid var(--line-strong);color:var(--fg);font:600 var(--t-label) var(--f-body);cursor:pointer;border-radius:0}
.swatch i{inline-size:32px;block-size:24px;border:1px solid var(--line-strong);display:block}
.swatch:hover{background:var(--kraft)}
.swatch[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cu-buy{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between;padding-block-start:var(--s4);border-block-start:1px solid var(--line)}
.cu-price{font-family:var(--f-display);font-size:2.5rem;line-height:1}
.cu-nojs{grid-column:1/-1}
.js .cu-nojs{display:none}
html:not(.js) .cu-stage{opacity:1}
@media (min-width:1000px){.cu{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7)}.cu-stage{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.gd{margin-block-start:var(--sec)}
.gd-table th,.gd-table td{padding-block:var(--s4)}
.gd-table tbody th.gd-n{font-family:var(--f-display);font-size:1.375rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--fg);border-block-end:1px solid var(--line)}
.gd-p{text-align:end;white-space:nowrap}
.gd-a{text-align:end}
.table-wrap{position:relative}
@media (max-width:639.98px){.gd-table thead{display:none}.gd-table,.gd-table tbody{display:block}.gd-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s1) var(--s4);padding-block:var(--s4);border-block-end:1px solid var(--line-strong)}.gd-table th,.gd-table td{border:0!important;padding:0}.gd-table td:nth-child(2){grid-column:1/-1;color:var(--muted)}.gd-table .gd-a{grid-column:1/-1;text-align:start;padding-block-start:var(--s2)}}
.gd-pics{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-block-start:var(--s7)}
.gd-pics .ph{aspect-ratio:3/2}

/* ---------- gifts ---------- */
.gf{display:grid;gap:var(--s7);grid-template-columns:minmax(0,1fr);align-items:start}
.gift-preview{min-block-size:clamp(240px,40vw,340px);max-inline-size:560px;padding:var(--s6);display:grid;align-content:space-between;border:0;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 6px var(--gold-l);outline:0}
.gp-k{font-family:var(--f-display);font-style:italic;font-size:1.5rem;color:var(--gold-l);padding:var(--s2) var(--s3)}
.gp-a{font-family:var(--f-display);font-size:clamp(3rem,2rem + 4vw,5rem);font-weight:500;line-height:1;padding-inline:var(--s3)}
.gp-m{padding-inline:var(--s3);font-size:1.125rem}
.gp-who{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);padding:var(--s2) var(--s3);font-weight:700}
.gf-card{display:grid;gap:var(--s3)}
@media (min-width:1000px){.gf{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s8)}.gf-card{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}

/* ---------- about ---------- */
.ab-team{display:grid;gap:var(--s7);grid-template-columns:minmax(0,1fr)}
.ab-intro{display:grid;gap:var(--s4);align-content:start}
.ab-list{list-style:none;padding:0;border-block-start:2px solid var(--fg)}
.ab-list li{display:grid;gap:var(--s3);padding-block:var(--s5);border-block-end:1px solid var(--line-strong);align-items:start}
.ab-list h3{font-size:2rem}
.ab-role{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--brand-t)}
@media (min-width:900px){.ab-team{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s8)}.ab-list li{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--s6);align-items:start}}
.ab-txt{display:grid;gap:var(--s2);justify-items:start}
.ab-find{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.ab-card{padding:var(--s6);display:grid;gap:var(--s4);align-content:start;border:0}
.ab-card address{font-style:normal;font-family:var(--f-display);font-size:1.75rem;line-height:1.25}
.ab-card a{color:var(--gold-l)}
.ab-hours{display:grid;gap:var(--s5);align-content:start}
.hv-table{max-inline-size:420px}
.hv-table th{font-weight:600;text-transform:none;letter-spacing:0;font-size:1rem;color:var(--fg);border-block-end:1px solid var(--line)}
@media (min-width:1000px){.ab-find{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:var(--s7)}}
.ab-two{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr)}
.ab-ul{padding:0;list-style:none;display:grid;border-block-start:2px solid var(--fg)}
.ab-ul li{padding-block:var(--s3);border-block-end:1px solid var(--line-strong);font-size:1.125rem}
.ab-ul a{color:var(--brand-t);font-weight:700}
@media (min-width:900px){.ab-two{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s8)}}
.ab-steps{list-style:none;padding:0;display:grid;gap:var(--s5);grid-template-columns:minmax(0,1fr);counter-reset:s}
.ab-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--s4);align-items:start;padding:var(--s5);background:var(--bg);border:1px solid var(--line)}
.ab-steps b{display:grid;place-items:center;inline-size:56px;block-size:56px;background:var(--brand);color:#fff;font-family:var(--f-display);font-size:1.75rem;font-weight:500}
.ab-steps a{color:var(--brand-t);font-weight:700}
@media (min-width:900px){.ab-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-steps li{grid-template-columns:minmax(0,1fr);}}

/* ---------- contact ---------- */
.ct{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.ct-card{padding:var(--s6);display:grid;gap:var(--s4);align-content:start;border:0}
.ct-card address{font-style:normal;font-family:var(--f-display);font-size:1.75rem;line-height:1.25}
.ct-card a{color:var(--gold-l)}
.ct-card .tlink{color:var(--gold-l)}
@media (min-width:1000px){.ct{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s7)}}
.ct-order{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.ct-order .lead{margin-block:var(--s3)}
@media (min-width:900px){.ct-order{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s8)}}

/* ---------- basket ---------- */
.bs{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.bs-list{list-style:none;padding:0;border-block-start:2px solid var(--fg)}
.bs-row{display:grid;gap:var(--s3) var(--s4);grid-template-columns:72px minmax(0,1fr);padding-block:var(--s4);border-block-end:1px solid var(--line-strong);align-items:start}
.bs-cv svg{inline-size:100%;aspect-ratio:2/3;block-size:auto}
.bs-t h2{font-size:1.5rem}
.bs-t p{color:var(--muted)}
.bs-q{grid-column:2;display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.bs-line{grid-column:2;font-family:var(--f-display);font-size:1.5rem}
@media (min-width:700px){.bs-row{grid-template-columns:80px minmax(0,1fr) auto 90px;align-items:center}.bs-q,.bs-line{grid-column:auto}.bs-line{text-align:end}}
.bs-total{display:flex;justify-content:space-between;align-items:baseline;padding-block:var(--s3);border-block:2px solid var(--fg);font-size:1.125rem}
.bs-total strong{font-family:var(--f-display);font-size:2rem;font-weight:500}
@media (min-width:1000px){.bs{grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7)}.bs-side{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}.bs-done{grid-column:1/-1}}
.bs-done{display:grid;gap:var(--s4);justify-items:start}
@media (min-width:1000px){.bs:has(>.bs-side[hidden]){grid-template-columns:minmax(0,1fr)}}

/* ---------- 404, forms demo, credits ---------- */
.nf{padding-block:var(--s7) var(--sec)}
.nf-grid{display:grid;gap:var(--s6);align-items:center;grid-template-columns:minmax(0,1fr)}
.nf-t{display:grid;gap:var(--s4);justify-items:start}
.nf-t h1{max-inline-size:14ch}
.nf-i .ph{aspect-ratio:4/5;max-block-size:560px}
@media (min-width:900px){.nf-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s8)}}
.fd-grid{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.fd-col{display:grid;gap:var(--s5)}
.form-card fieldset{display:grid;gap:var(--s2);margin-block-end:var(--s4)}
@media (min-width:1000px){.fd-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.cr-more{margin-block-start:var(--s7);display:grid;gap:var(--s3)}
.ph-head .wrap>h1{margin-block-end:var(--s4)}
.ph-head .wrap>.lead{margin-block-start:var(--s2)}

@media (max-width:719px){
.cr-table,.cr-table tbody,.cr-table tr,.cr-table td{display:block;inline-size:100%}
.cr-table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.cr-table tr{padding-block:var(--s3);border-block-end:1px solid var(--line)}
.cr-table td{padding:var(--s1) 0;border:0;overflow-wrap:anywhere}
.cr-table td:nth-child(2)::before{content:"Author: "}
.cr-table td:nth-child(3)::before{content:"Licence: "}
.cr-table td:nth-child(4)::before{content:"Used on: "}
.cr-table td:nth-child(4){color:var(--muted)}
}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}