/* Colour, paper and Inama's own artwork. The copy and original layout stay intact. */
:root{
  --paper:#f7f3e6;--card:#fffdf6;--ink:#294735;--muted:#68735f;--line:#d5d7bb;
  --purple:#76549a;--purple-hover:#644481;--purple-soft:#efe6f3;
  --paper-lilac:#ded0ec;--paper-lime:#e3e99e;--paper-ochre:#efdaa4;--paper-clay:#e8c8b9;--paper-aqua:#bad5d3;--paper-sage:#c9dca5;
  --edge-lilac:#b6a0c8;--edge-lime:#aebb76;--edge-ochre:#c3aa73;--edge-clay:#c49a87;--lime:var(--paper-lime);
  --panel-radius:16px 5px 16px 5px;--paper-radius:3px 9px 3px 7px;--control-radius:5px 11px 5px 11px;
  --paper-shadow:3px 4px 0 #c7c5a745;--paper-lift:4px 6px 0 #b0ab8a40;
}
#calendar-section{--stop-paper:var(--paper-ochre);--stop-edge:var(--edge-ochre);--stop-ink:#816b3d}
#cards-section{--stop-paper:var(--paper-lilac);--stop-edge:var(--edge-lilac);--stop-ink:#6b507d}
#quiz-section{--stop-paper:var(--paper-lime);--stop-edge:var(--edge-lime);--stop-ink:#637341}
#insight-section{--stop-paper:var(--paper-clay);--stop-edge:var(--edge-clay);--stop-ink:#865d4d}
body{background-color:var(--paper);background-image:radial-gradient(#7e886208 .7px,transparent .7px);background-size:7px 7px}
.site-header{border-bottom:1px solid #c9cfaf}
.notebook-nav{border:1px solid var(--edge-lime);border-radius:var(--control-radius);background:var(--paper-lime);box-shadow:var(--paper-shadow);transform:rotate(-1deg)}
.notebook-nav:hover{transform:rotate(0);background:color-mix(in srgb,var(--paper-lime) 88%,white)}
.intro-heading{position:relative;isolation:isolate}
.intro h1{color:var(--ink);line-height:1.1}
.intro h1 em{position:relative;isolation:isolate;color:var(--purple);white-space:nowrap}
.intro h1 em::before{content:"";position:absolute;z-index:-1;left:-7px;right:-6px;bottom:2px;height:30%;background:var(--paper-lime);transform:rotate(-3deg);clip-path:polygon(0 15%,99% 0,100% 90%,1% 100%)}
.intro-label-art{position:absolute;left:10px;top:calc(100% + 18px);width:91px;height:83px;display:grid;place-items:center;border:1px solid var(--edge-lilac);border-radius:4px 4px 45px 45px;background:var(--paper-lilac);box-shadow:var(--paper-shadow);transform:rotate(-8deg);pointer-events:none}
.intro-label-art img{width:74px;height:68px;object-fit:contain;mix-blend-mode:multiply;opacity:.85}
.intro-label-art::before{content:"";position:absolute;right:-72px;top:23px;width:64px;height:23px;border-top:1.5px solid #92986d;border-radius:50%;transform:rotate(15deg)}
.intro-label-art i{position:absolute;right:-27px;bottom:-2px;width:36px;height:36px;background:#e6a98a;clip-path:polygon(50% 0,58% 29%,79% 10%,76% 38%,100% 36%,81% 55%,100% 72%,72% 73%,76% 100%,53% 81%,36% 100%,34% 74%,7% 80%,22% 56%,0 40%,30% 34%,21% 9%,44% 26%);transform:rotate(15deg)}
.intro-copy>.intro-lead{color:#3d5033}
.intro-copy>.intro-invitation em{color:var(--purple);border-bottom:2px solid var(--paper-clay);padding-bottom:3px}
.section-heading{border-top-color:var(--line);gap:12px}
.section-heading .section-number{display:grid;place-items:center;width:28px;height:24px;flex:0 0 28px;background:var(--stop-paper);border:1px solid var(--stop-edge);color:var(--stop-ink);border-radius:var(--paper-radius);transform:rotate(-4deg)}
#cards-section .section-number,#insight-section .section-number{transform:rotate(3deg)}
.section-heading>h2{color:var(--ink)}
.play-card{border-color:var(--line);border-radius:var(--panel-radius);box-shadow:var(--paper-shadow)}
.card-top .eyebrow,.card-index{color:var(--muted)}
.card-body h2 em{color:var(--purple)}
.card-bottom{background:color-mix(in srgb,var(--stop-paper,var(--paper-lilac)) 20%,var(--card));border-top-color:var(--line)}
.button{border-radius:var(--control-radius);box-shadow:var(--paper-shadow)}
.button.purple{background:var(--purple);box-shadow:3px 4px 0 var(--paper-lilac);border-radius:var(--control-radius)}
.button.purple:hover{background:var(--purple-hover);box-shadow:4px 5px 0 var(--paper-lilac)}
.button.light{background:color-mix(in srgb,var(--paper-lime) 65%,var(--card));border-color:var(--edge-lime);border-radius:var(--control-radius)}
.text-button,.interest-link,.market-extras>summary,.market-reply>summary{color:var(--purple)}
.chip:hover{background:var(--purple-soft)}
.chip[aria-pressed=true]{background:var(--paper-lilac);border-color:var(--edge-lilac);color:var(--purple-hover)}
.account-switch,.wine-tabs{background:var(--paper);border-color:var(--line);border-radius:var(--control-radius)}
.account-switch button[aria-pressed=true],.wine-tabs button[aria-selected=true],.market-lenses button[aria-pressed=true]{background:var(--purple-soft);border-color:var(--edge-lilac);color:var(--purple-hover);box-shadow:0 1px 0 var(--edge-lilac)}
.field input,.field textarea,.field select{border-color:var(--line);border-radius:var(--control-radius);background:var(--card)}
.field>span,.field-label{color:var(--muted)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple);background:#fffefa}
:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
#calendar-panel .exchange-calendar{background:color-mix(in srgb,var(--paper-ochre) 25%,var(--card));border-color:var(--edge-ochre);border-radius:var(--panel-radius);box-shadow:var(--paper-shadow);transform:rotate(-.4deg)}
.exchange-calendar .exchange-calendar__day.is-selected{background:var(--purple);color:var(--card);border-color:var(--purple);box-shadow:0 2px 0 var(--purple-hover)}
.exchange-calendar .exchange-calendar__day.is-selected:hover{background:var(--purple-hover)}
.exchange-calendar .exchange-calendar__day:hover:not(:disabled):not(.is-selected){background:var(--purple-soft);border-color:var(--edge-lilac)}
.calendar-note-art{background:linear-gradient(174deg,transparent 17%,#ead0bb75 17%,#ead0bb75 82%,transparent 82%);border-radius:5px;transform:rotate(1deg)}
.calendar-note-art img{opacity:.92;transform:rotate(-7deg)}
.calendar-note-art span{color:#81664d}
.board-intro h3{color:var(--ink)}
.board-intro h3 em{color:var(--purple);text-decoration:underline;text-decoration-color:var(--paper-lime);text-decoration-thickness:7px;text-underline-offset:-2px;text-decoration-skip-ink:none}
.board-openers button{background:var(--paper-ochre);border-color:var(--edge-ochre);color:var(--ink);box-shadow:var(--paper-shadow)}
.board-openers button:nth-of-type(2){background:var(--paper-lilac);border-color:var(--edge-lilac);color:var(--ink)}
.board-openers button:nth-of-type(3){background:var(--paper-lime);border-color:var(--edge-lime);color:var(--ink)}
.exchange-board{background-color:#355640;background-image:radial-gradient(#e8eed421 .8px,transparent .8px);background-size:16px 16px;border:1px solid #28432f;border-radius:8px 21px 8px 21px;box-shadow:5px 7px 0 #d3d9ae,inset 0 0 35px #162c1b15}
.paper-board-heading img{filter:brightness(0) invert(1);opacity:.88}
.paper-board-heading>span,.paper-board-foot{color:#d5dfbd}
#roadmap-cards.paper-notes button{border-color:var(--edge-lime);border-radius:var(--paper-radius);background:var(--paper-lime);box-shadow:2px 5px 0 #142a2140;color:var(--ink)}
#roadmap-cards.paper-notes button:nth-child(2){background:var(--paper-sage);border-color:#afc48f}
#roadmap-cards.paper-notes button:nth-child(3){background:var(--paper-clay);border-color:var(--edge-clay)}
#roadmap-cards.paper-notes button:nth-child(4){background:var(--paper-aqua);border-color:#9fbdb9}
#roadmap-cards.paper-notes button:nth-child(5){background:var(--paper-ochre);border-color:var(--edge-ochre)}
#roadmap-cards.paper-notes button:nth-child(6){background:var(--paper-lilac);border-color:var(--edge-lilac)}
#roadmap-cards.paper-notes button>strong{color:var(--ink)}
#roadmap-cards.paper-notes button>span{color:#68714f}
#roadmap-cards.paper-notes button>small{color:#667051}
#roadmap-cards.paper-notes button.active{border-color:var(--purple);box-shadow:0 0 0 2px var(--paper),4px 7px 0 #122b2045}
#roadmap-cards.paper-notes button.active>strong{color:var(--purple-hover)}
#roadmap-cards.paper-notes button:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:5px 9px 0 #152e2540}
.arnaud-paper-card{background:var(--paper-clay);border-color:var(--edge-clay);border-radius:var(--paper-radius);box-shadow:2px 5px 0 #162b2140}
.arnaud-paper-card:hover{box-shadow:4px 7px 0 #162b2140}
.arnaud-paper-card strong{color:var(--ink)}.arnaud-paper-card small,.arnaud-paper-card em{color:var(--muted)}.arnaud-paper-card>i{color:var(--purple)}
.deck-back{background:#e5e9bc;border-color:#9eac7d;box-shadow:3px 4px 0 #c9d29c}
.deck-front{border-color:#b0b992;background:#fffdf3;box-shadow:3px 5px 0 #cad1b15e}
.deck-deal{background:var(--paper-lilac);border-color:var(--edge-lilac);border-radius:var(--control-radius);color:var(--purple-hover);transform:rotate(2deg)}
.deck-picks{background:#e8edcc;border-color:#c7d3a5}
.wild-card{background:var(--paper-lime);border-color:var(--edge-lime);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow);transform:rotate(-.6deg)}
.wild-symbol{color:#b8c879}.wild-turn{color:#6b7d43}
.assist-card{background:color-mix(in srgb,var(--paper-ochre) 20%,var(--card));border-color:var(--line);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow)}
.assist-card:nth-child(3n+2){background:var(--purple-soft)}.assist-card:nth-child(3n){background:color-mix(in srgb,var(--paper-lime) 30%,var(--card))}
.assist-card[aria-pressed=true]{background:var(--paper-lilac);border-color:var(--purple);box-shadow:var(--paper-lift)}
.quiz-editorial>img{width:107px;height:107px;padding:15px;background:var(--paper-lime);border:1px solid var(--edge-lime);border-radius:50%;opacity:.92;box-shadow:5px 5px 0 var(--paper-lilac);transform:rotate(-12deg)}
.quiz-editorial h3 em{color:var(--purple)}.quiz-editorial-rule{width:62px;height:3px;background:var(--paper-clay);transform:rotate(-3deg)}
.story-art{background:color-mix(in srgb,var(--paper-ochre) 37%,var(--card));border-color:var(--edge-ochre);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow)}
.answer{border-color:var(--line);background:var(--paper);border-radius:var(--control-radius)}
.answer:hover{background:var(--purple-soft);border-color:var(--edge-lilac)}
.quiz-pips span.found,.reveal-stamp{background:var(--paper-lime);border-color:var(--edge-lime);color:#61743c}
.resource-tile{border-radius:var(--panel-radius)}
.resource-tile.brand-resource{background:var(--paper-lilac);border-color:var(--edge-lilac);transform:rotate(-1deg);box-shadow:var(--paper-shadow)}
.resource-tile.market-resource{background:var(--paper-lime);border-color:var(--edge-lime);transform:rotate(1deg);box-shadow:var(--paper-shadow)}
.resource-tile .resource-art{opacity:.9;transform:rotate(8deg)}
.resource-tile .resource-copy h3{color:var(--ink)}.resource-tile strong{color:var(--purple-hover)}
.resource-tile:hover{transform:translateY(-4px) rotate(0);box-shadow:var(--paper-lift)}
.arn-profile>.family-portrait>img{border-radius:var(--panel-radius);box-shadow:var(--paper-shadow);transform:rotate(-1deg)}
.arn-profile h2 em{color:var(--purple)}
/* The notebook and wine details belong to the same collection of paper. */
#exchange-dialog{border-color:var(--line);border-radius:var(--panel-radius);background:var(--card);box-shadow:5px 6px 0 #c7c5a745,0 22px 70px #253c2d25}
.exchange-dialog-top{background:color-mix(in srgb,var(--paper-lilac) 28%,var(--card));border-bottom-color:var(--line)}
.exchange-dialog-close{border-radius:var(--control-radius);color:var(--purple)}
.exchange-dialog-close:hover{background:var(--paper-lilac);color:var(--purple-hover)}
.note-ticket{background:color-mix(in srgb,var(--paper-ochre) 22%,var(--card));border-color:var(--line);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow)}
.empty-notebook{background:var(--paper);border-color:var(--edge-lilac);border-radius:var(--paper-radius)}
.empty-notebook>span{color:var(--purple)}
.wine-tile{background:var(--paper);border-color:var(--line);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow)}
.wine-tile:hover{background:var(--purple-soft);border-color:var(--edge-lilac);box-shadow:var(--paper-lift)}
.wine-arrow,.signature{color:var(--purple)}
.receipt-icon{background:var(--paper-lime);border-color:var(--edge-lime);box-shadow:var(--paper-shadow)}
.receipt-id,.patch-profile,.btg-banner,.soft-success{background:color-mix(in srgb,var(--paper-lime) 30%,var(--card));border-radius:var(--paper-radius)}
.resume-banner,.market-suggestion,.support-comparison{background:var(--purple-soft);color:var(--purple-hover)}
.mobile-dock{border-top-color:#bac69b;background:#fffdf2}.mobile-dock b{background:#49653b}
@media(max-width:1150px){.intro-label-art{width:78px;height:73px;top:calc(100% + 12px)}.intro-label-art img{width:63px;height:61px}.intro-label-art::before{width:45px;right:-54px}}
@media(max-width:900px){.intro-label-art{display:none}.journey-route.route-column{background:color-mix(in srgb,var(--paper) 96%,transparent);border-bottom-color:var(--line);box-shadow:0 7px 14px color-mix(in srgb,var(--paper) 70%,transparent)}}
@media(max-width:680px){.intro h1 em::before{height:29%;bottom:1px;left:-3px;right:-3px}.exchange-board{box-shadow:4px 5px 0 #d3d9ae}.section-heading{gap:9px}.section-heading .section-number{width:24px;flex-basis:24px;height:22px;font-size:7px}.resource-tile.brand-resource,.resource-tile.market-resource{transform:rotate(0);box-shadow:var(--paper-shadow)}.quiz-editorial>img{display:none}}
@media(prefers-reduced-motion:reduce){#roadmap-cards.paper-notes button:hover,.resource-tile:hover,.notebook-nav:hover{transform:none}.journey-bottle-control,.button,.wild-card{transition:none}}