/* Shared accent tokens: keyed by content, never card position. */
[data-accent="mint"]{--accent:#59e6e1;--preview-accent:#59e6e1}
[data-accent="rose"]{--accent:#f386ca;--preview-accent:#f386ca}
[data-accent="amber"]{--accent:#f4c363;--preview-accent:#f4c363}
[data-accent="sky"]{--accent:#78bcff;--preview-accent:#78bcff}
[data-accent="violet"]{--accent:#b19aff;--preview-accent:#b19aff}
[data-accent="coral"]{--accent:#ff958a;--preview-accent:#ff958a}
[data-accent="lime"]{--accent:#bedf7a;--preview-accent:#bedf7a}
[data-accent="ice"]{--accent:#a8cbdc;--preview-accent:#a8cbdc}
.theme-system-note{max-width:760px;color:#a9b7be;font-size:13px;line-height:1.9;margin:0 0 30px}
.palette-picker{border:0;padding:0;margin:0 0 35px;min-width:0}
.palette-picker legend{font-size:18px;font-weight:650;margin-bottom:15px}
.palette-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.palette-choice{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:100px;min-width:0;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 35%,#25303a);background:#090e12;color:#bcc6cc;text-align:left}
.palette-choice:hover,.palette-choice[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#060a0d)}
.palette-choice:focus-visible{outline-color:var(--accent)}
.palette-choice .swatch{width:24px;height:5px;background:var(--accent);border-radius:2px}
.palette-choice strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}
.palette-choice[aria-pressed="true"] strong::after{content:" ✓";color:var(--accent)}
.template-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 44px}
.template-preview-grid .card{--surface:#090b0d}
.template-preview-grid .card-art{aspect-ratio:16/9}
.template-preview-grid .card-art.full-artwork{aspect-ratio:auto}
.template-preview-grid .template-image-slot{display:grid;place-content:center;height:100%;min-height:140px;color:#809199;font-size:12px;background:#0d151b}
.template-preview-grid .card-body{min-height:132px}
.template-preview-grid .card-label{color:var(--accent)}
.article-template-preview{max-width:820px;margin-inline:auto;padding-top:22px}
.article-template-caption{font-size:11px;color:#81939b;border-bottom:1px solid #29343b;padding-bottom:14px;margin:0 0 28px}
.emporium-article{min-width:0;color:#c9d0d5}
.emporium-article[data-accent]{--article-accent:var(--accent)}
.emporium-article-header{border-top:2px solid var(--accent);padding-top:24px;margin-bottom:27px}
.emporium-article-category{display:inline-block;color:var(--accent);font-size:11px;font-weight:600;margin-bottom:12px}
.emporium-article h1{font-size:clamp(29px,3vw,42px);line-height:1.4;letter-spacing:-.045em;color:#f1f4f6;margin:0 0 16px;overflow-wrap:anywhere}
.emporium-article-deck{font-size:16px;color:#a6b3bc;line-height:1.9;margin:0 0 18px}
.emporium-article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#7f929e;font-size:11px}
.emporium-article .entry-content{font-size:16px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}
.emporium-article .entry-content>p{margin:0 0 1.5em}
.emporium-article .entry-content h2{font-size:25px;line-height:1.55;font-weight:650;color:#f0f3f5;letter-spacing:-.035em;margin:2em 0 .8em;padding-left:15px;border-left:3px solid var(--accent)}
.emporium-article .entry-content h3{font-size:20px;line-height:1.6;color:#dce5e9;margin:1.7em 0 .7em}
.emporium-article .entry-content figure{margin:30px 0}
.emporium-article .entry-content figure img{display:block;max-width:100%;height:auto;border-radius:7px}
.emporium-article .entry-content figcaption{font-size:11px;color:#8a9ba5;line-height:1.7;margin-top:10px}
.emporium-article .entry-content blockquote{border-left:2px solid var(--accent);margin:25px 0;padding:17px 22px;background:#0b1318;border-radius:0 5px 5px 0}
.emporium-article .entry-content blockquote p{margin:0}
.emporium-article .entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.emporium-article .entry-content ul,.emporium-article .entry-content ol{padding-left:1.6em}
.emporium-article .entry-content li{padding-left:.25em;margin-bottom:.5em}
.emporium-article .entry-content li::marker{color:var(--accent)}
.emporium-article .entry-content .table-wrap{overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain}
.emporium-article .entry-content table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;min-width:320px}
.emporium-article .entry-content th,.emporium-article .entry-content td{border-bottom:1px solid #2a3941;padding:13px 16px;vertical-align:top}
.emporium-article .entry-content th{color:#edf3f6;background:#101b22;border-top:1px solid color-mix(in srgb,var(--accent) 50%,#2a3941)}
.emporium-article .entry-content code{font-size:.9em;color:#ccdae1;background:#111d25;padding:2px 5px;border-radius:3px}
.emporium-article .entry-content hr{border:0;border-top:1px solid #2a343b;margin:36px 0}
.emporium-article-footer{border-top:1px solid #28343b;margin:32px 0 0;padding-top:16px;font-size:12px;color:#8ea0aa}
@media(max-width:1000px){.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.palette-choice{min-height:91px;padding:11px}.palette-choice strong{font-size:10px}.template-preview-grid{grid-template-columns:1fr;gap:18px}.template-preview-grid .card-art{aspect-ratio:16/9}.template-preview-grid .card-body{min-height:0}.article-template-preview{padding-top:5px}.emporium-article .entry-content{font-size:15px;line-height:1.95}.emporium-article .entry-content h2{font-size:22px}.emporium-article .entry-content h3{font-size:18px}.emporium-article-deck{font-size:14px}.emporium-article .entry-content blockquote{padding:15px 17px}}