/* page-local design layer: the archive-card motif belongs to this report only */
:root{--paper:#f6f7f4;--ink:#1f2421;--muted:#66706a;--line:#d9dfda;--teal:#2e6f68;--orange:#d58a52;--blue:#4f72b8;--violet:#7764aa;--sand:#eee9df;--card:#fffefa}
body{background:radial-gradient(circle at 10% 0%,#e5efea 0,transparent 32rem),radial-gradient(circle at 100% 12%,#eee8f5 0,transparent 34rem),var(--paper);color:var(--ink)}
.doc-page{max-width:1200px}.doc-page header{padding-top:2.2rem}.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.doc-page h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;max-width:880px}.doc-page h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.02em}.doc-page p,.doc-page li{font-size:1.02rem;line-height:1.78}.lede{font-size:1.16rem!important;line-height:1.72!important;max-width:820px}.fine{font-size:.82rem!important;line-height:1.55!important;color:var(--muted)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch;margin:32px 0 22px}.hero-note{padding:24px 26px;border-left:4px solid var(--teal);background:rgba(255,254,250,.82);border-radius:0 16px 16px 0;box-shadow:0 16px 40px rgba(52,62,56,.06)}
.hero-note strong{color:var(--teal)}.index-board{position:relative;min-height:245px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fffefa,#edf4ef);overflow:hidden;padding:20px}.index-board:before,.index-board:after{content:'';position:absolute;border:1px solid rgba(46,111,104,.18);border-radius:50%;width:260px;height:260px;right:-90px;top:-70px}.index-board:after{width:150px;height:150px;right:42px;top:38px}.index-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.08em;color:var(--muted)}.axis-x{position:absolute;bottom:28px;left:30px;right:28px;border-top:1px solid #8ea79e}.axis-y{position:absolute;left:43px;top:40px;bottom:28px;border-left:1px solid #8ea79e}.axis-label{position:absolute;font-size:.7rem;color:var(--muted)}.axis-label.x{bottom:8px;right:24px}.axis-label.y{top:28px;left:8px;writing-mode:vertical-rl}.dot{position:absolute;width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.75);z-index:2}.dot span{position:absolute;left:17px;top:-7px;white-space:nowrap;font-size:.75rem;font-weight:700}.d-notion{left:70%;top:31%;background:#222}.d-obsidian{left:28%;top:57%;background:#7866ad}.d-anytype{left:45%;top:22%;background:#e48d50}.d-capacities{left:56%;top:49%;background:#4b8d87}.d-craft{left:77%;top:67%;background:#b56a75}
.section-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.callout{border:1px solid #bfd5cb;background:#edf6f1;border-radius:14px;padding:16px 18px;margin:20px 0}.callout.warn{border-color:#ead4b9;background:#fff6e9}.callout strong{color:var(--teal)}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:rgba(255,254,250,.8);font-size:.82rem}.pill.active{background:var(--teal);border-color:var(--teal);color:white}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 16px}.filter-bar button,.tab-btn{border:1px solid var(--line);background:#fffefa;color:var(--ink);border-radius:999px;padding:8px 12px;cursor:pointer;font:inherit;font-size:.82rem}.filter-bar button:hover,.filter-bar button:focus-visible,.tab-btn:hover,.tab-btn:focus-visible{border-color:var(--teal);outline:3px solid rgba(46,111,104,.17)}.filter-bar button.active,.tab-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.product-card{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:15px 14px;min-height:174px;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(52,62,56,.08)}.product-card h3{font-size:1rem;margin:8px 0}.product-card p{font-size:.83rem!important;line-height:1.5!important;color:var(--muted);margin:0}.product-card .mark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--teal)}.tag{display:inline-block;padding:3px 7px;border-radius:5px;background:#f0eee8;color:#656b63;font-size:.71rem;margin-top:10px}
.chart-shell{border:1px solid var(--line);background:rgba(255,254,250,.82);border-radius:18px;padding:10px 12px 2px;position:relative}.chart-canvas{height:360px;width:100%}.chart-caption{font-size:.78rem!important;color:var(--muted);padding:2px 8px 12px;line-height:1.5!important}.chart-tabs{display:flex;gap:6px;margin:6px 8px}.chart-tabs button{font:inherit;font-size:.74rem;border:1px solid var(--line);background:#fffefa;border-radius:6px;padding:5px 8px;cursor:pointer}.chart-tabs button.active{background:var(--ink);color:#fff}
.matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fffefa}.matrix{border-collapse:collapse;width:100%;min-width:980px;font-size:.83rem}.matrix th,.matrix td{padding:12px 13px;border-bottom:1px solid #e8ece8;text-align:left;vertical-align:top}.matrix th{background:#eef4ef;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem;letter-spacing:.04em;position:sticky;top:0;z-index:1}.matrix th:first-child,.matrix td:first-child{position:sticky;left:0;background:#fbfcf9;z-index:2;font-weight:700}.matrix tr.hl td{background:#f0f7f3!important;box-shadow:inset 3px 0 0 var(--teal)}.matrix .yes{color:var(--teal);font-weight:700}.matrix .no{color:#9a6d59}.matrix .partial{color:#997437}.matrix .unknown{color:#7a817b;font-style:italic}.matrix .price{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scenario{border-top:3px solid var(--teal);background:rgba(255,254,250,.75);padding:16px 18px;border-radius:0 0 13px 13px}.scenario h3{margin:0 0 7px;font-size:1rem}.scenario p{font-size:.88rem!important;line-height:1.6!important;margin:4px 0}.scenario .best{font-weight:700;color:var(--teal)}.evidence{display:none;border:1px solid var(--line);background:#fffefa;border-radius:14px;padding:15px 17px;margin:14px 0}.evidence.open{display:block}.evidence a{color:var(--teal)}
.quote-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote{border-left:3px solid var(--orange);padding:11px 15px;background:#fff9ef;border-radius:0 12px 12px 0}.quote p{font-size:.9rem!important;line-height:1.6!important;margin:0}.quote small{display:block;color:var(--muted);margin-top:7px}.sources-list{columns:2;column-gap:30px}.sources-list li{break-inside:avoid;font-size:.83rem!important;line-height:1.55!important;margin-bottom:10px}.sources-list a{color:var(--teal)}.checklist{background:#f0f4f0;border-radius:15px;padding:18px 20px}.checklist label{display:block;padding:7px 0;font-size:.9rem}.checklist input{accent-color:var(--teal);margin-right:9px}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:1fr}}
@media (max-width:600px){.doc-page{padding-left:18px;padding-right:18px}.doc-page h1{font-size:2.5rem}.product-grid,.quote-strip{grid-template-columns:1fr}.chart-canvas{height:300px}.sources-list{columns:1}.hero-note{padding:18px}.dot span{font-size:.68rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.product-card:hover{transform:none}}