/* home-v24 PAPER preview: colours mapped by ../../build_paper.py (paper_rgb) from /home-assets-2026-10-10/v18.css */
/* home-v18, both variants: ONE SURFACE. Oliver 2026-10-10 09:50: the white panels of text and images "slide over the
   background" and cover it. Every text block, card, figure and the Ask demo carried its own cream halo (a paper
   background plus a 12-26 px paper box-shadow) or a solid card fill; when the field moved they read as paper cut-outs.
   All of them go. Readability now comes from the field itself (v18.js: it thins and fades where text sits). Boxes keep a
   1 px low-alpha hairline only. The top bar keeps its own ground (a bar, not a panel). Variant colours: --v18-hair. */
html[data-v18]{--v18-hair:rgba(248,245,239,.17);--v18-hair-strong:rgba(248,245,239,.32)}

/* 1. no halo, no backing, no frosted glass, anywhere below the bar */
html[data-v18] body *:not(#scene):not(#topbar):not(.m-skip):not(i):not(.m-btn):not(.v4chip):not(input):not(textarea):not(select){
  background-color:transparent!important;box-shadow:none!important;text-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-v18] #topbar *{box-shadow:none!important;text-shadow:none!important}
html[data-v18] #topbar :not(.m-btn){background-color:transparent!important}

/* 2. hairlines where a box is needed */
html[data-v18] .v4card,html[data-v18] .a4-col,html[data-v18] .a4-row,html[data-v18] .m-rec,html[data-v18] .m3j-table,
html[data-v18] .m3l-card,html[data-v18] .m3kc-card,html[data-v18] .m3kb-card,html[data-v18] pre.m3j-cmd,html[data-v18] #behind .m-papers li>a{
  border:1px solid var(--v18-hair)!important;border-radius:2px!important}
html[data-v18] .ht-pairs>div,html[data-v18] .v11-card{border-top-color:var(--v18-hair-strong)!important}

/* 3. buttons and chips: outline only */
html[data-v18] .m-btn.m-btn-primary,html[data-v18][data-btn] .m-btn.m-btn-primary{background:transparent!important;box-shadow:none!important}
html[data-v18] .v4chip{background:transparent!important;box-shadow:none!important;border:1px solid var(--v18-hair-strong)!important}
html[data-v18] input,html[data-v18] textarea,html[data-v18] select{background:transparent!important;box-shadow:none!important;border:1px solid var(--v18-hair-strong)!important}

/* 4. light: the chart PNGs carry a paper ground; multiplied onto the page they lose their rectangle, so the field (already
   quiet behind them through the mask) runs on under the figure instead of stopping at a cut edge */
html[data-v18="light"] .v11-fig img,html[data-v18="light"] .m3j-chart img,html[data-v18="light"] .ht-chart img,
html[data-v18="light"] .a6-tom img,html[data-v18="light"] .m3kb-everyday img,html[data-v18="light"] .m3-weeksec img{
  background:transparent!important;mix-blend-mode:multiply}