/* Material stays decorative: only ::before is masked, never selectable content. */
body {
 background-color:var(--ls-board-shade);
 background-image:
   radial-gradient(ellipse at 28% 12%,color-mix(in srgb,var(--ls-board-light) 28%,transparent) 0,transparent 46%),
   radial-gradient(ellipse at 78% 72%,var(--ls-board-patina) 0,transparent 54%),
   linear-gradient(112deg,#ffffff08,#00000012),
   url('../materials/cork-deep.webp');
 background-size:auto,auto,auto,max(1600px,100vw) auto;
 background-repeat:no-repeat,no-repeat,repeat,repeat-y;
 background-position:center top,center 40vh,center,center top;
 background-attachment:scroll;
 background-blend-mode:soft-light,multiply,multiply,normal;
}
.sheet {
 --paper: var(--ls-surface); --paper-ink: var(--ls-ink);
 position: relative; isolation: isolate; background: none; border: 0;
 color: var(--paper-ink); box-shadow: none;
 transform: rotate(var(--tilt,0deg));
 filter: drop-shadow(1px 2px 1px #28170d28) drop-shadow(0 6px 6px #20110a1b);
}
.sheet::before {
 content: ''; position: absolute; z-index: -1; inset: -3px;
 pointer-events: none;
 background: url('../materials/folds.svg') center / 100% 100% no-repeat,
             url('../materials/fibres.svg') center / 260px 260px repeat,
             var(--paper);
}
@supports (mask-image: url('x.svg')) {
 .sheet::before { mask-image: var(--paper-mask); mask-size: 100% 100%; mask-repeat: no-repeat; }
}
.sheet:focus-within { z-index: 5; }
.sheet-strip { --paper-mask: url('../materials/strip.svg'); }
.sheet-tag { --paper-mask: url('../materials/tag.svg'); }
.sheet.pinned::after {
 content: ''; position: absolute; z-index: 2; top: 9px; right: 23px;
 width: 11px; height: 11px; border-radius: 50%; pointer-events: none;
 background: radial-gradient(circle at 30% 25%,#fff9 0 12%,var(--ls-hot) 28%,#3a130a 100%);
 box-shadow: 1px 3px 2px #19110c65;
}
.sheet.taped::after, .paper-tape {
 content: ''; position: absolute; z-index: 2; top: -10px; left: 38%;
 width: 84px; height: 27px; pointer-events: none;
 background: repeating-linear-gradient(90deg,#ffffff10 0 1px,#ffffff00 1px 4px),#d8bd87ab;
 box-shadow: 0 1px 1px #281b2029; transform: rotate(-5deg);
 clip-path: polygon(0 6%,4% 0,8% 7%,14% 0,100% 4%,98% 95%,95% 100%,89% 94%,3% 100%);
}
.sheet:not(.sheet-tag):not(.sheet-strip):nth-child(3n+2) { --paper-mask: url('../materials/sheet-b.svg'); }
.sheet:not(.sheet-tag):not(.sheet-strip):nth-child(3n) { --paper-mask: url('../materials/sheet-c.svg'); }
.paper-label { display: inline-flex; padding: 9px 15px; gap: 8px; align-items: center; font: bold 11px/1.5 var(--ls-mono); }
.paper-label::before { inset: -2px; }
.stapled { position: relative; }
.stapled::after { content: ''; position: absolute; top: 7px; left: 18px; width: 20px; height: 4px; border: 1px solid #8e8e88; background: #dedbd3; box-shadow: 0 1px 1px #0005; transform: rotate(-6deg); pointer-events: none; }
@media(max-width:800px) { body { background-size:auto,auto,auto,1200px auto; background-repeat:no-repeat,no-repeat,repeat,repeat-y; background-attachment:scroll; } .sheet { transform: none; } .sheet::before { inset: -2px; } }
@media(prefers-reduced-motion:reduce) { .sheet { transform: none; } }
@media print { body { background: white; } .sheet { filter: none; transform: none; } .sheet::before { background: white; mask: none; } .sheet::after { display:none; } }

.brief-card:nth-child(2n)::before { transform: rotate(180deg); }

@media(max-width:800px) { .site-footer.sheet { --paper-mask:url('../materials/sheet-a.svg'); } }

/* 1.2.0 editorial wall: inert, deterministic, visually behind content. */
.editorial-decor {
 position:absolute;
 z-index:0;
 inset:-34px -36px auto;
 height:430px;
 overflow:hidden;
 pointer-events:none;
 user-select:none;
 opacity:.94;
}
.decor-piece { position:absolute; display:block; pointer-events:none; transform-origin:center; }
.decor-arrow,.decor-underline,.decor-thread {
 background:var(--ls-hot);
 -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
 -webkit-mask-position:center; mask-position:center;
 -webkit-mask-size:contain; mask-size:contain;
 filter:drop-shadow(0 1px 0 #fff2);
}
.decor-arrow-a { width:175px; height:82px; -webkit-mask-image:url('../materials/arrow-hand-01.svg'); mask-image:url('../materials/arrow-hand-01.svg'); }
.decor-arrow-b { width:188px; height:102px; -webkit-mask-image:url('../materials/arrow-hand-02.svg'); mask-image:url('../materials/arrow-hand-02.svg'); }
.decor-underline { width:165px; height:38px; -webkit-mask-image:url('../materials/underline-hand.svg'); mask-image:url('../materials/underline-hand.svg'); }
.decor-thread { width:250px; height:135px; background:var(--ls-accent); -webkit-mask-image:url('../materials/thread-curve.svg'); mask-image:url('../materials/thread-curve.svg'); opacity:.66; }
.decor-staple { width:26px; height:7px; border:2px solid #7e7770; border-bottom-color:#c7c0b6; background:#b9b5ad; box-shadow:0 2px 2px #1c130d55; border-radius:8px; }
.decor-pin { width:14px; height:14px; border-radius:50%; background:radial-gradient(circle at 32% 25%,#fff8 0 12%,var(--ls-hot) 28%,#32130d 100%); box-shadow:2px 4px 3px #1b100a70; }
.decor-tape { width:100px; height:30px; background:repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 5px),#d4bd8ab8; box-shadow:0 1px 2px #22160d33; clip-path:polygon(0 7%,6% 0,12% 6%,100% 2%,97% 93%,91% 100%,84% 95%,2% 100%); }
.decor-ghost-sheet { width:180px; height:108px; border:1px dashed #f9e9cf3e; background:#fff3dc18; box-shadow:inset 0 0 0 1px #3a211018,0 8px 18px #1d110918; clip-path:polygon(2% 8%,95% 0,100% 91%,7% 100%,0 76%); }
.decor-slot-1 { left:1.8%; top:70px; transform:rotate(-8deg); }
.decor-slot-2 { right:1.8%; top:34px; transform:rotate(9deg); }
.decor-slot-3 { left:43%; top:2px; transform:rotate(-3deg); }
.decor-slot-4 { right:20%; top:205px; transform:rotate(4deg); }
.decor-slot-5 { left:18%; top:270px; transform:rotate(-11deg); }
.decor-slot-6 { right:36%; top:308px; transform:rotate(7deg); }
.decor-slot-7 { left:7%; top:330px; transform:rotate(2deg); }
.decor-slot-8 { right:6%; top:355px; transform:rotate(-5deg); }
@media(max-width:1199px) {
 .editorial-decor { inset:-22px -16px auto; height:330px; opacity:.82; }
 .editorial-decor .decor-slot-4,.editorial-decor .decor-slot-5 { display:none; }
}
@media(max-width:800px) {
 .editorial-decor { inset:-12px -8px auto; height:210px; opacity:.64; }
 .editorial-decor .decor-piece { display:none; }
 .editorial-decor .decor-slot-1,.editorial-decor .decor-slot-3 { display:block; transform:scale(.72) rotate(-5deg); }
 .editorial-decor .decor-slot-3 { left:auto; right:4%; top:112px; }
}
@media(prefers-reduced-motion:reduce) {
 .editorial-decor .decor-piece { transition:none!important; animation:none!important; }
}