/* Pagefold design tokens: ink #0b1b3b, paper #f3f6fb, cobalt #2f4bff, mint #1fd1a5, sun #ffc83d */
body{font-family:'Public Sans',system-ui,sans-serif;background:#f3f6fb;color:#0b1b3b;line-height:1.55}
.nl-wrap{
    display: none;
}
.font-display{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
/* Signature motif: the dog-eared page corner */
.fold{position:relative}
.fold::after{content:'';position:absolute;top:-2px;right:-2px;width:26px;height:26px;background:linear-gradient(225deg,#f3f6fb 50%,#c4cffa 50%);border-left:2px solid #0b1b3b;border-bottom:2px solid #0b1b3b}
.card{background:#fff;border:2px solid #0b1b3b;box-shadow:6px 6px 0 #2f4bff;padding:1.5rem; overflow: hidden;}
.btn{display:inline-flex;align-items:center;justify-content:center;background:#2f4bff;color:#fff;font-weight:600;padding:.75rem 1.25rem;border:2px solid #0b1b3b;box-shadow:3px 3px 0 #0b1b3b;transition:transform .1s,box-shadow .1s;cursor:pointer}
.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0b1b3b}
.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 #0b1b3b}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn:focus-visible,.inp:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffc83d;outline-offset:2px}
.inp{display:block;width:100%;border:2px solid #0b1b3b;background:#fff;padding:.5rem .75rem;font-weight:400}
.drop{border:2px dashed #2f4bff;background:#f3f6fb;transition:background .15s}
.drop:hover,.drop.over{background:#2f4bff14}
/* Ad placeholders: replace the inner text with your ad-network snippet */
.ad{display:grid;place-items:center;border:2px dashed #0b1b3b40;color:#0b1b3b80;font-size:.8rem;background:repeating-linear-gradient(135deg,#0b1b3b08 0 10px,transparent 10px 20px)}
.chip{border:2px solid #0b1b3b;padding:.35rem .9rem;font-weight:600;background:#fff}
.chip.on{background:#0b1b3b;color:#fff}
.tool-card{--c:#2f4bff;background:#fff;border:2px solid #0b1b3b;box-shadow:6px 6px 0 var(--c);padding:1.25rem;transition:transform .12s,box-shadow .12s}
.tool-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--c)}
.c-Organize{--c:#2f4bff}.c-Convert{--c:#1fd1a5}.c-Optimize{--c:#ffc83d}.c-Secure{--c:#0b1b3b}
.tile{display:grid;place-items:center;width:2.75rem;height:2.75rem;font-size:1.4rem;background:var(--c);border:2px solid #0b1b3b}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}