/* Pathfinder 2e players' companion · fully static site */
:root{color-scheme:dark;--bg:#101621;--bg2:#141c28;--panel:#192330;--panel2:#1d2a38;--line:#364353;--line-soft:#2a3646;--ink:#f4eee1;--muted:#b8b9b7;--dimmer:#8d99a5;--gold:#d9b77d;--gold-soft:#ecd5a9;--accent:#c9ad79;--accent-bg:rgba(201,173,121,.12);--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -15%,rgba(135,102,66,.12),transparent 55%),linear-gradient(180deg,#111925 0%,#0e151f 100%);color:var(--ink);font:16px/1.65 ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.028em;font-weight:normal}h2{font-size:clamp(25px,3.4vw,35px);line-height:1.2}h3{line-height:1.3}.container{max-width:1200px;margin:0 auto;padding:0 28px}.site-shell{min-height:100vh;display:flex;flex-direction:column}.page-content{width:100%;flex:1;padding-bottom:68px}.site-header{border-bottom:1px solid rgba(226,201,157,.18);background:rgba(13,20,29,.86);position:relative;z-index:2}.header-row{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:13px}.brand-sigil{height:42px;width:42px;border:1px solid rgba(217,183,125,.45);transform:rotate(45deg);display:grid;place-items:center;color:var(--gold);font-size:26px;flex-shrink:0}.brand-sigil::first-letter{transform:rotate(-45deg)}.brand-text{display:flex;flex-direction:column;line-height:1.35}.brand-text strong{font:700 14px/1.5 Georgia,'Times New Roman',serif;letter-spacing:.12em}.brand-text small{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700}.top-nav{display:flex;align-items:center;gap:8px}.top-nav a{padding:9px 16px;color:var(--muted);font-size:14px;border-radius:7px;transition:background .2s,color .2s}.top-nav a:hover,.top-nav a[aria-current=page]{color:var(--gold-soft);background:rgba(217,183,125,.09)}.site-footer{border-top:1px solid var(--line-soft);background:#0d131b;padding:24px 0}.footer-row{display:flex;justify-content:space-between;gap:12px;color:#89939c;font-size:12px}.eyebrow,.panel-eyebrow,.section-overline,.tile-id,.tile-class{font:700 11px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}.ornament{color:var(--gold);margin-right:8px}.home-intro{padding:88px 0 79px;position:relative;border-bottom:1px solid var(--line-soft)}.home-intro:after{content:'✧';position:absolute;right:0;top:35px;line-height:1;font-size:clamp(160px,33vw,420px);font-family:Georgia,serif;color:rgba(210,177,114,.055);pointer-events:none}.home-intro>*{position:relative;z-index:1}.home-intro h1{font-size:clamp(49px,8vw,93px);line-height:1.06;margin:21px 0 23px;max-width:900px}.home-intro h1 em,.basic-hero h1 em{font-weight:400;color:var(--gold);font-style:normal}.intro-sub{color:#c6cbd0;font-size:17px;max-width:580px;line-height:1.8}.intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:700;letter-spacing:.02em;padding:13px 22px;min-height:48px;border-radius:6px;border:1px solid transparent;font-size:14px}.btn-primary{color:#1b1b19;background:linear-gradient(135deg,#f0d4a1,#d0ad72);box-shadow:0 4px 24px rgba(217,183,125,.07)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{border-color:var(--line);color:var(--ink);background:transparent}.btn-secondary:hover{border-color:var(--gold)}.intro-badge{color:var(--muted);font-size:13px}.listing{padding:56px 0 66px}.section-overline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;color:#a6987c}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:27px 0 25px}.section-title-row h2{margin:0}.section-title-row p{font-size:13px;color:var(--muted);margin:0 0 5px}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.character-tile{--accent:#a3b8c0;--accent-bg:rgba(163,184,192,.1);border:1px solid var(--line);border-radius:var(--radius);min-height:385px;padding:23px 26px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(125deg,var(--accent-bg),transparent 62%),#18222e;transition:transform .2s,border-color .2s,box-shadow .2s}.character-tile:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 30px rgba(0,0,0,.16)}.accent-sea{--accent:#7ecac4;--accent-bg:rgba(126,202,196,.105)}.accent-copper{--accent:#dca474;--accent-bg:rgba(220,164,116,.12)}.accent-gold{--accent:#d5c27d;--accent-bg:rgba(213,194,125,.1)}.accent-violet{--accent:#b8a6df;--accent-bg:rgba(184,166,223,.12)}.tile-top,.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.tile-id{color:var(--accent)}.tile-mark{color:var(--accent);font-size:28px}.tile-symbol{position:absolute;top:30px;right:35px;height:200px;width:200px;border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);border-radius:50%;display:grid;place-items:center;opacity:.53;transform:translate(25px,28px)}.tile-symbol:after{content:'';position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 33%,transparent);inset:14px;border-radius:50%}.tile-symbol span{font:120px/.9 Georgia,serif;color:color-mix(in srgb,var(--accent) 32%,transparent)}.tile-body{margin:auto 0 40px;position:relative;z-index:1}.tile-class{color:var(--accent)}.tile-body h3{font:normal clamp(26px,3vw,39px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:14px 0}.tile-body p{font-size:14px;color:#bac0c4;max-width:260px;line-height:1.55;margin:0}.tile-foot{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:#afb5ba;position:relative}.tile-open{color:var(--accent);font-weight:700}.home-bottom{border:1px solid var(--line);border-radius:var(--radius);background:#192431;padding:35px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.home-bottom h2{margin:10px 0}.home-bottom p{max-width:390px;color:var(--muted);font-size:14px;margin:0}.quick-rule-grid{display:flex;gap:24px}.quick-rule-grid>div{min-width:100px;display:flex;flex-direction:column}.quick-rule-grid strong{font:normal 37px Georgia,serif;color:var(--gold)}.quick-rule-grid span{font-size:12px;color:var(--muted)}.source-note{margin-top:25px;font-size:12px;color:#89939d;max-width:920px}.breadcrumb{display:flex;gap:12px;font-size:12px;color:#9da5aa;align-items:center;padding:27px 0 23px}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span:last-child{color:var(--ink)}.hero-sheet{--accent:#d5bd8b;--accent-bg:rgba(213,189,139,.14);min-height:285px;border:1px solid var(--line);border-radius:var(--radius);display:flex;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 83% 53%,var(--accent-bg),transparent 46%),linear-gradient(115deg,#1d2836,#141d2a);position:relative;padding:42px 49px}.hero-sheet:before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--accent)}.hero-copy{position:relative;z-index:1}.hero-sheet .eyebrow{color:var(--accent)}.hero-sheet h1{font-size:clamp(42px,5.7vw,69px);line-height:1.1;margin:19px 0 10px}.hero-sub{font-size:16px;color:#d8d6cd;margin:0}.hero-role{margin:18px 0;color:#aeb9c2;font-size:14px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px}.hero-tags span{border:1px solid #47515b;border-radius:3px;color:#c7ccd0;padding:5px 9px;font-size:11px}.hero-insignia{width:245px;min-width:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:var(--accent);opacity:.63}.hero-insignia:before{content:'';width:170px;height:170px;border:1px solid var(--accent);position:absolute;transform:rotate(45deg);opacity:.5}.hero-insignia span{font:normal 120px/.9 Georgia,serif}.hero-insignia small{font-size:10px;letter-spacing:.35em;margin-top:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 22px}.level-control{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:5px;background:var(--bg2)}.level-control>span{font-size:10px;letter-spacing:.15em;color:#aeb6bb;padding:0 12px 0 8px;font-weight:800}.level-control button{border:0;background:transparent;color:#a6b0ba;padding:8px 20px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:800}.level-control button[aria-pressed=true]{color:#1c2427;background:var(--gold)}.toolbar-hint{font-size:12px;color:#919ba5;flex:1;text-align:center}.print-button{background:transparent;color:var(--gold);border:1px solid var(--line);padding:11px 16px;cursor:pointer;border-radius:7px;font-size:12px}.print-button:hover{border-color:var(--gold)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}.stat-box{border:1px solid var(--line);background:#1a2532;border-radius:10px;padding:15px 20px;min-height:108px}.stat-box>span{font-size:10px;letter-spacing:.13em;color:#a4adb6;font-weight:800}.stat-box strong{display:block;margin-top:10px;font:normal 40px/.95 Georgia,serif;color:var(--gold-soft)}.stat-box strong small{font:600 12px ui-sans-serif,system-ui,sans-serif;color:#9ba6b0;margin-left:8px}.stat-weapon strong{font:600 18px/1.2 ui-sans-serif,system-ui,sans-serif;margin-top:14px;color:#ece9dc}.level-2{display:none!important}html[data-level="2"] .level-1{display:none!important}html[data-level="2"] .level-2{display:initial!important}.content-grid{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(280px,1fr);gap:20px;align-items:start}.main-column,.side-column{display:flex;flex-direction:column;gap:20px;min-width:0}.panel{background:linear-gradient(160deg,#1c2836,#17212d);border:1px solid var(--line);border-radius:var(--radius);padding:30px 34px;overflow:hidden}.panel-eyebrow{color:var(--gold);margin-bottom:9px}.panel h2{font-size:30px;margin:0 0 19px}.panel h3{font-size:16px;margin-bottom:7px}.panel p{color:#c5cbd0}.panel-lede{color:#aeb8c0!important;font-size:14px;margin:-6px 0 24px}.combat-panel{border-color:rgba(217,183,125,.34)}.move-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.move-list li{display:flex;align-items:flex-start;gap:18px}.move-icon{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(217,183,125,.6);border-radius:50%;font-weight:800;font-size:11px;color:var(--gold);text-align:center}.move-list h3{font-weight:750;color:#eee6d8;margin:0 0 3px}.move-list p{font-size:14px;line-height:1.6;margin:0;color:#b8c2c8}.alternate{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.alternate-mark{color:var(--gold);font-size:21px}.alternate p{font-size:13px;line-height:1.65;margin:0}.feature-list{display:grid;gap:18px}.feature{border-left:2px solid rgba(215,183,127,.35);padding-left:15px}.feature h3{font-weight:750;color:#ece7dc}.feature p{font-size:14px;margin:0;line-height:1.65}.level-up-panel{margin-top:27px;padding:19px;background:rgba(217,183,125,.07);border:1px dashed rgba(217,183,125,.34);border-radius:10px}.level-up-title{display:flex;align-items:center;gap:10px}.level-up-title h3{margin:0 0 16px;color:var(--gold-soft)}.star-dot{font-size:18px;color:var(--gold)}.focus-text{font-size:17px;line-height:1.8}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span{background:#273441;border:1px solid #3c4956;border-radius:4px;padding:5px 10px;font-size:11px;color:#cfd7dc}.hook-text{font-size:16px;line-height:1.9}.role-quote{font:italic 21px/1.5 Georgia,serif;color:var(--gold-soft);border-left:2px solid var(--gold);margin:24px 0 0;padding:5px 0 5px 21px}.panel-compact{padding:25px 25px}.panel-compact h2{font-size:26px;margin-bottom:19px}.ability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ability-grid>div{background:#121c28;border:1px solid #2f3d4d;border-radius:8px;padding:8px 5px;text-align:center}.ability-grid span{display:block;color:#9caab4;font-weight:800;letter-spacing:.08em;font-size:10px}.ability-grid strong{font:normal 25px Georgia,serif;color:#eee4d2}.identity-lines{margin-top:20px;border-top:1px solid var(--line-soft)}.identity-lines>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft);padding:11px 0;font-size:12px}.identity-lines span{color:#9ea9b5}.identity-lines strong{font-weight:650;text-align:right;color:#d8dde1}.skills-list{list-style:none;margin:0;padding:0}.skills-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.skills-list li:last-child{border:0}.skill-name{font-size:13px;color:#e2e5e5}.skill-name small{display:block;line-height:1.2;color:#8e9ba7;font-size:10px}.skills-list strong{font:normal 20px Georgia,serif;color:var(--gold-soft)}.small-note{color:var(--gold)!important;font-size:12px;margin:12px 0 0}.gear-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.gear-list li{font-size:13px;color:#ccd2d5;display:flex;gap:10px;align-items:baseline}.gear-list li span{color:#b59d73}.important-panel{background:linear-gradient(130deg,rgba(217,183,125,.11),rgba(217,183,125,.015)),#1b2531;border-color:rgba(217,183,125,.3)}.important-panel p{font-size:14px;margin:0;line-height:1.75;color:#f0e3cc}.compact-details{padding:0}.compact-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-weight:700;list-style:none}.compact-details summary::-webkit-details-marker{display:none}.compact-details .details-list{padding:0 24px}.compact-details .details-list p{font-size:13px;padding-bottom:5px;margin:0 0 8px}.compact-details .text-link{display:block;margin:0 24px 24px;color:var(--gold);font-weight:700;font-size:13px}.end-navigation{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:40px 0 0;margin-top:37px}.end-navigation h2{margin:5px 0}.end-navigation p{font-size:13px;color:#abb5bf;margin:8px 0 0}.end-buttons{display:flex;gap:11px;flex-wrap:wrap}.basic-hero{padding:37px 0 36px}.basic-hero h1{font-size:clamp(50px,7vw,78px);line-height:1.1;margin:15px 0 20px}.basic-hero p{max-width:670px;color:#bfc9ce}.rule-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}.rule-stat{background:#1a2532;border:1px solid var(--line);padding:22px 18px;border-radius:9px}.rule-stat strong{display:block;font:normal 37px Georgia,serif;color:var(--gold-soft)}.rule-stat span{display:block;color:#afb9c1;font-size:12px}.rules-layout{grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr)}.table-wrap{overflow-x:auto}.action-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.action-table th{padding:12px 8px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.11em;color:#97a5b2}.action-table td{padding:14px 8px;border-bottom:1px solid var(--line-soft);color:#c3ccd1;vertical-align:top;line-height:1.55}.action-table td:first-child{min-width:130px}.action-table td:first-child strong{display:block;color:#efeadf}.action-table td:first-child small{display:block;color:#8e9ba6;font-size:11px}.action-table td:nth-child(2){width:86px}.action-table tr:last-child td{border-bottom:0}.cost{display:inline-block;background:rgba(217,183,125,.09);border:1px solid rgba(217,183,125,.24);padding:2px 7px;border-radius:5px;color:var(--gold-soft);font-weight:700;white-space:nowrap;font-size:11px}.mini-tip{font-size:13px;color:#e1d1b6;margin-top:19px;padding:15px;background:rgba(217,183,125,.08);border-left:2px solid var(--gold)}.rule-lines p{border-bottom:1px solid var(--line-soft);font-size:13px;padding-bottom:10px;margin-bottom:10px}.rule-lines p:last-child{border:0}.map-strips>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:10px}.map-strips span{font-size:13px;color:#aab8bf}.map-strips strong{font-size:15px;color:var(--gold)}.panel-compact>p{font-size:13px;line-height:1.75}.panel-compact>p:last-child{margin-bottom:0}
html[data-level="2"] .level-up-panel.level-2{display:block!important}
@media(max-width:900px){.hero-sheet{padding:34px}.hero-insignia{min-width:170px;width:170px}.hero-insignia:before{width:120px;height:120px}.hero-insignia span{font-size:92px}.character-tile{min-height:350px}.content-grid,.rules-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.side-column .important-panel,.side-column .compact-details{grid-column:1/-1}.home-bottom{flex-direction:column;align-items:stretch}.quick-rule-grid{justify-content:space-between}.toolbar-hint{display:none}}
@media(max-width:660px){.container{padding:0 16px}.header-row{min-height:70px}.brand-sigil{width:32px;height:32px;font-size:22px}.brand-text strong{font-size:11px}.brand-text small{font-size:8px}.top-nav a{padding:8px 8px;font-size:12px}.home-intro{padding:57px 0 54px}.home-intro h1{font-size:clamp(42px,9vw,64px)}.intro-sub{font-size:15px}.section-title-row{align-items:start;flex-direction:column}.character-grid{grid-template-columns:1fr;gap:12px}.character-tile{min-height:305px;padding:20px}.tile-symbol{width:150px;height:150px}.tile-symbol span{font-size:95px}.tile-body{margin:auto 0 24px}.tile-body h3{font-size:32px}.listing{padding:44px 0}.home-bottom{padding:25px 20px}.quick-rule-grid{gap:12px}.quick-rule-grid>div{min-width:0}.quick-rule-grid strong{font-size:28px}.quick-rule-grid span{font-size:11px}.footer-row{display:block}.footer-row span{display:block}.breadcrumb{padding:17px 0}.hero-sheet{padding:27px 23px;min-height:265px}.hero-sheet h1{font-size:clamp(36px,10vw,52px)}.hero-sub{font-size:14px}.hero-role{max-width:230px}.hero-insignia{display:none}.toolbar{flex-wrap:wrap}.level-control{order:1}.print-button{order:2}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-box{min-height:95px;padding:13px 14px}.stat-box strong{font-size:34px}.stat-weapon strong{font-size:16px}.panel{padding:23px 20px}.panel h2{font-size:27px}.panel-compact{padding:22px 20px}.side-column{display:flex}.ability-grid{grid-template-columns:repeat(6,1fr)}.ability-grid>div{padding:7px 0}.ability-grid strong{font-size:19px}.ability-grid span{font-size:9px}.end-navigation{flex-direction:column;align-items:stretch}.end-buttons{width:100%}.end-buttons .btn{flex:1}.basic-hero{padding:28px 0}.basic-hero h1{font-size:49px}.rule-stat-grid{grid-template-columns:repeat(2,1fr)}.rule-stat{padding:16px}.rule-stat strong{font-size:31px}.action-table{font-size:12px}.action-table td{padding:12px 5px}.action-table td:first-child{min-width:105px}.action-table th{padding:10px 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.character-tile{transition:none}}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff!important;color:#161616!important;font-size:11px}.container{max-width:100%;padding:0}.site-header,.site-footer,.toolbar,.breadcrumb,.end-navigation,.compact-details,.home-bottom,.intro-actions,.source-note{display:none!important}.page-content{padding:0}.hero-sheet{color:#171717;background:#fff!important;border:1px solid #999;min-height:0;padding:12px 16px;margin-bottom:8px}.hero-sheet h1{font-size:27px;margin:4px 0}.hero-sheet p,.hero-sheet .eyebrow{color:#111!important}.hero-insignia{display:none}.hero-tags span{color:#111}.stat-grid{margin:0 0 10px;gap:5px}.stat-box{padding:7px;min-height:0;background:#fff;border:1px solid #aaa}.stat-box>span{font-size:8px;color:#555}.stat-box strong,.stat-box strong small{color:#161616;font-size:22px;margin-top:4px}.stat-weapon strong{font-size:13px}.content-grid{grid-template-columns:1.4fr 1fr;gap:8px}.main-column,.side-column{gap:7px}.panel,.panel-compact{padding:10px 12px;border:1px solid #ccc;background:#fff;break-inside:avoid}.panel h2{font-size:17px;margin-bottom:7px;color:#111}.panel h3{font-size:12px;color:#111}.panel-eyebrow{font-size:8px;color:#555}.panel p,.panel-compact>p,.feature p,.move-list p,.hook-text,.focus-text,.alternate p{font-size:10px;color:#222!important;line-height:1.35}.move-list{gap:8px}.move-list li{gap:7px}.move-icon{width:25px;height:25px;color:#111;border-color:#999}.feature-list{gap:6px}.feature{padding-left:8px}.role-quote{font-size:12px;color:#111;margin-top:8px}.ability-grid strong{color:#111}.skills-list li{padding:2px 0}.skills-list strong{color:#111}.skill-name{color:#111}.gear-list{gap:2px}.gear-list li{font-size:10px;color:#111}.level-up-panel{padding:9px;border-color:#bbb}.tag-row span{background:#fff;color:#111}.important-panel{background:#f1f1f1}.important-panel p{color:#111}.side-column{display:flex}.home-intro,.listing{padding:10px 0}.character-grid{grid-template-columns:repeat(2,1fr)}.character-tile{min-height:140px;padding:15px;color:#111;background:white;border-color:#666}.tile-body h3{font-size:20px}.tile-body p,.tile-foot{color:#111}}
@media print and (max-width:900px){.content-grid{grid-template-columns:1.4fr 1fr}}
@supports not (color:color-mix(in srgb,red,blue)){.tile-symbol{border-color:var(--accent)}.tile-symbol:after{border-color:var(--accent)}.tile-symbol span{color:var(--accent)}}