/* Graphite treatment over the original page layout. */
.ground{background-image:url('/assets/flint-stone.png')!important;background-position:65% 50%!important;filter:blur(11px) saturate(.72);transform:scale(1.025)}
.ground:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,15,19,.42),rgba(12,15,19,.06) 72%)}
.hero-card,.grove{background:rgba(24,27,32,.76);border:1px solid var(--line);box-shadow:0 26px 80px #0004}
.nav-inner,.nav.scrolled .nav-inner{background:rgba(22,25,30,.91);border:1px solid var(--line);box-shadow:0 4px 24px #0003}
.pane,.card,.section-head,.foot-card,.faq details,.prose>section,.toc{border:1px solid var(--line);box-shadow:0 10px 44px #0002}
.btn-primary,.btn-fruit,.tabs a.on,.opt.on,.opt.put.on,.step-n,.tk,.tk.put{color:#201914}
.btn-primary:hover:not(:disabled),.btn-fruit:hover:not(:disabled){box-shadow:0 6px 24px #0004}
.btn-glass,.chip,.opt,.rows li,.rows li:nth-child(even),.outcomes li,.summary,.plan li,.item,.item:nth-child(even),.empty,.modal .wl button,.modal .wl a{background:rgba(51,54,60,.82);border:1px solid var(--line)}
.btn-glass:hover:not(:disabled),.opt:hover{background:#3e4148}
.seg button.on{background:#514034;color:#f2eeea;box-shadow:none}
.input{background:#202328;border:1px solid #56514c}
.input input,.input select{color:#f2eeea}
.input select option{background:#202328;color:#f2eeea}
.opt.on,.opt.put.on{background:var(--leaf);border-color:var(--leaf)}
.opt.on small{color:#38271c}.opt small{color:var(--ink-2)}
.tabs{box-shadow:0 8px 30px #0003;border:1px solid var(--line)}
.slab{background:rgba(16,19,23,.95);border:1px solid var(--line)}.slab h2 em{color:var(--leaf)}
.kind.call{background:#5b4232}.kind.put{background:#4b4743}
.toast{background:#31343a;color:var(--ink)}.toast.bad{background:#803f37}
.reference-notice{padding:20px;border-radius:18px;background:var(--surface-3);border:1px solid var(--line)}
.nav .icon-btn[aria-disabled=true]{display:none}
@media(max-width:420px){.nav-right .icon-btn{display:none}}
.flint-dialog{border:1px solid var(--line);border-radius:26px;width:min(460px,calc(100% - 30px));padding:27px;background:#202328;color:var(--ink);box-shadow:0 24px 90px #0008}
.flint-dialog::backdrop{background:#080a0db3;backdrop-filter:blur(7px)}
.flint-dialog h2{font-family:var(--serif);font-size:29px;margin:0 25px 12px 0;font-weight:500;line-height:1.2}.flint-dialog p{font-size:14px;color:var(--ink-2);margin:10px 0 18px}.flint-dialog .wallet-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:14px 16px;margin:8px 0;background:#303339;border:1px solid var(--line);border-radius:14px;cursor:pointer}.flint-dialog .dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:27px;cursor:pointer}.flint-dialog .wallet-links{display:flex;flex-wrap:wrap;gap:8px}.flint-dialog .wallet-links a{font-size:13px;border:1px solid var(--line);border-radius:14px;padding:8px 12px;background:#303339}
.toast{overflow-wrap:anywhere;max-width:min(600px,calc(100% - 28px));z-index:100}.tx-busy{opacity:.6;pointer-events:none}
.app .note,.app .summary b{overflow-wrap:anywhere}
@media(max-width:760px){.ground{filter:blur(9px) saturate(.72)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rise{opacity:1!important;transform:none!important}}
