/* Multi-page corporate site routed by hash (#sirket, #hizmetler, #hizmet-nakit ...). Dark-only: indigo-navy ground, brass accent, ledger numerals. */
:root{
  --bg:#0A0F1C; --bg-2:#0F1627; --bg-3:#161F35; --line:#243049;
  --fg:#E8ECF4; --fg-2:#A3ADC2; --fg-3:#6B768F;
  --accent:#D9A64A; --accent-2:#F0C878; --accent-ink:#1A1405;
  --brand:#C8303A; --brand-2:#E05A63; --brand-ink:#FFFFFF;
  --display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --body:"IBM Plex Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit}
.wrap{max-width:1080px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--fg-2)}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em}
.logo .mark{width:28px;height:28px;border:2px solid var(--accent);border-radius:6px;position:relative}
.logo img{height:38px;width:auto;display:block}
.logo .mark::after{content:"";position:absolute;left:6px;top:6px;width:12px;height:12px;background:var(--accent);border-radius:2px}
.menu{display:flex;gap:4px;font-size:14px;color:var(--fg-2);align-items:center}
.menu>li{position:relative}
.menu>li>a,.menu>li>button{display:block;padding:8px 12px;border-radius:6px;background:none;border:0;color:inherit;cursor:pointer;white-space:nowrap}
.menu>li>a:hover,.menu>li>button:hover,.menu>li.active>a,.menu>li.active>button{color:var(--fg)}
.menu>li>button::after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:8px;position:relative;top:-2px}
.sub{position:absolute;top:100%;left:0;min-width:260px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:6px;display:none;z-index:3}
.sub a{display:block;padding:9px 12px;border-radius:5px;color:var(--fg-2)}
.sub a:hover{background:var(--bg-3);color:var(--fg)}
.sub a.grp{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:6px}
.sub a.grp:first-child{margin-top:0}
.sub a:not(.grp){padding-left:20px}
.hgroups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hgroup{border:1px solid var(--line);border-radius:12px;padding:26px 24px;background:var(--bg-2);display:grid;gap:12px;align-content:start;min-width:0}
.hgroup h3{font-size:22px}
.hgroup h3:hover{color:var(--accent-2)}
.hgroup>p{color:var(--fg-2);font-size:15px}
.hgroup ul{display:grid;border-top:1px solid var(--line);margin-top:6px}
.hgroup li a{display:grid;gap:2px;padding:12px 8px;border-bottom:1px solid var(--line);border-radius:4px}
.hgroup li a:hover{background:var(--bg-3)}
.hgroup li b,.hgroup li .ttl{font-weight:600;font-size:15px;display:block}
.hgroup li span:not(.ttl){font-size:13px;color:var(--fg-3)}
.hgroup li .ttl{color:var(--fg)}
@media (max-width:960px){.hgroups{grid-template-columns:1fr}}
.group{display:grid;gap:14px;margin-bottom:40px}
.group h2{font-size:clamp(22px,2.6vw,30px)}
.group>p{color:var(--fg-2);max-width:62ch}
.menu>li:hover .sub,.menu>li.open .sub{display:block}
.quote cite a.person{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.quote cite a.person:hover{color:var(--accent)}
footer .ftr{display:inline-flex;align-items:center;gap:6px}
footer a.li{display:inline-flex;color:var(--fg-2);vertical-align:middle}
footer a.li:hover{color:var(--fg)}
.sub{max-height:calc(100vh - 84px);overflow-y:auto}
.sub.cols{column-gap:6px;min-width:0;width:max-content;max-width:min(92vw,760px)}
.sub.cols a{break-inside:avoid}
.sub.cols a.grp{break-before:column;margin-top:0}
.sub.cols a.grp:first-child{break-before:auto}
.sub.cols-3{column-count:3}
.sub.cols-2{column-count:2}
.right{display:flex;align-items:center;gap:12px}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-family:var(--mono);font-size:12px}
.lang button{background:none;border:0;color:var(--fg-2);padding:6px 12px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:6px;color:var(--fg);width:38px;height:34px;cursor:pointer;font-size:18px;line-height:1}
@media (max-width:900px){
  .nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
  .menu{display:none;position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 63px);bottom:0;z-index:20;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));font-size:16px}
  .menu.show{display:flex}
  .menu>li>a,.menu>li>button{width:100%;text-align:left;padding:15px 6px;border-bottom:1px solid var(--line);border-radius:0;color:var(--fg);display:flex;justify-content:space-between;align-items:center}
  .menu>li>button::after{margin:0;width:7px;height:7px;transition:transform .2s}
  .menu>li.open>button::after{transform:rotate(225deg)}
  .menu>li:hover .sub{display:none}
  .menu>li.open .sub{display:block}
  .sub{position:static;border:0;background:none;padding:4px 0 10px 10px;min-width:0}
  .sub{max-height:none;overflow:visible}
  .sub.cols{column-count:1;width:auto;max-width:none}
  .sub.cols a.grp{break-before:auto;margin-top:10px}
  .sub a{padding:11px 10px;font-size:15px}
  .sub a.grp{margin-top:10px}
  .burger{display:block}
  body.menu-open{overflow:hidden}
}

/* pages */
.page{display:none}
.page.show{display:block}
.band{padding-block:84px 64px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.band canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
.band .wrap{position:relative;display:grid;gap:18px}
.band h1{font-size:clamp(32px,5vw,58px);max-width:20ch}
.band .lead{font-size:clamp(16px,1.5vw,18px);max-width:62ch;color:var(--fg-2)}
.band.small{padding-block:56px 40px}
.band.small h1{font-size:clamp(28px,4vw,44px)}
@media (max-width:600px){.band{padding-block:52px 40px}}
section{padding-block:64px}
@media (max-width:600px){section{padding-block:44px}}
.sec-head{display:grid;gap:10px;max-width:62ch;margin-bottom:32px}
.sec-head h2{font-size:clamp(24px,3vw,34px)}
.sec-head p{color:var(--fg-2)}
.sep{border-top:1px solid var(--line)}
.alt{background:var(--bg-2)}
.prose{max-width:66ch;color:var(--fg-2);display:grid;gap:16px}
.prose strong{color:var(--fg);font-weight:600}

/* expertise blocks */
.blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.block{border:1px solid var(--line);border-radius:10px;padding:22px 20px;background:var(--bg);display:grid;gap:12px;align-content:start;min-width:0;transition:border-color .15s}
.block:hover{border-color:var(--accent)}
.block h3{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.block p{font-size:15px;color:var(--fg-2)}
.block .go{font-family:var(--mono);font-size:12px;color:var(--fg-3)}
.block:hover .go{color:var(--accent)}

/* capability list */
.caps{display:grid;gap:8px;max-width:60ch}
.caps li{display:flex;gap:12px;align-items:flex-start;color:var(--fg-2);padding:10px 0;border-bottom:1px solid var(--line)}
.caps li::before{content:"";flex:none;width:6px;height:1px;background:var(--accent);margin-top:14px}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
@media (max-width:760px){.two{grid-template-columns:1fr;gap:28px}}
.facts{display:grid;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:140px 1fr;gap:14px;padding-block:12px;border-bottom:1px solid var(--line);font-size:15px}
.facts div span:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);padding-top:3px}
@media (max-width:480px){.facts div{grid-template-columns:1fr;gap:2px}}

/* product list */
.plist{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.pitem{border:1px solid var(--line);border-radius:10px;padding:22px 20px;background:var(--bg-2);display:grid;gap:8px;align-content:start;min-width:0}
.pitem:hover{border-color:var(--accent)}
.pitem h3{font-size:19px}
.pitem p{font-size:14px;color:var(--fg-2)}
.pitem .st{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}

/* quote */
.quote{border-left:2px solid var(--accent);padding-left:22px;max-width:62ch;display:grid;gap:12px}
.quote p{font-family:var(--display);font-size:clamp(19px,2.2vw,24px);font-weight:500;line-height:1.35;color:var(--fg)}
.quote cite{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--fg-3)}

/* logos / references */
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.logo-slot{border:1px dashed var(--line);border-radius:8px;height:72px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.08em}
.geo{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.geo div{border-left:2px solid var(--accent);padding-left:14px}
.geo b{font-family:var(--display);font-size:18px;display:block}
.geo span{font-size:14px;color:var(--fg-2)}
.reflist{display:grid;border-top:1px solid var(--line);max-width:72ch}
.reflist li{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:14px;border-bottom:1px solid var(--line);color:var(--fg-2);font-size:15px}
.reflist li span:last-child{font-family:var(--mono);font-size:12px;color:var(--fg-3);white-space:nowrap}
@media (max-width:480px){.reflist li{grid-template-columns:1fr;gap:4px}}

/* fluxis diagram */
.stack{display:grid}
.lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.tile{border:1px solid var(--line);border-radius:8px;padding:16px 14px;background:var(--bg);min-width:0}
.tile b,.tile .ttl{font-family:var(--display);font-size:16px;font-weight:600;display:block}
.tile span{font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.06em}
.conn{height:30px;position:relative}
.conn::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent);opacity:.7}
.conn::after{content:"";position:absolute;left:calc(50% - 5px);top:0;width:9px;height:9px;border-left:1px solid var(--accent);border-top:1px solid var(--accent);transform:rotate(45deg)}
.bar{border:1px solid var(--accent);border-radius:8px;padding:18px 20px;background:linear-gradient(135deg,var(--bg-3),var(--bg));display:flex;flex-wrap:wrap;gap:6px 24px;align-items:baseline;min-width:0}
.bar b{font-family:var(--display);font-size:20px}
.bar span{font-family:var(--mono);font-size:12px;color:var(--fg-2)}
.bar.base{border-color:var(--line);background:var(--bg)}
@media (max-width:900px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.tiles{grid-template-columns:1fr 1fr}}

/* contact */
.rows{display:grid;border-top:1px solid var(--line)}
.rows div{display:grid;gap:4px;padding-block:14px;border-bottom:1px solid var(--line)}
.rows .k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.rows .v{font-size:17px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;word-break:break-all}
.copy{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:none;color:var(--fg-2);padding:4px 10px;border-radius:5px;cursor:pointer}
.copy:hover{border-color:var(--accent);color:var(--accent)}

.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:7px;font-weight:600;font-size:14px;border:1px solid var(--line);background:var(--bg-2)}
.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}
.cta{display:flex;flex-wrap:wrap;gap:10px}

footer{border-top:1px solid var(--line);padding-block:28px;color:var(--fg-3);font-size:13px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer a:hover{color:var(--fg)}
.ic{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.lg{width:36px;height:36px}
.ic.sm{width:20px;height:20px;stroke-width:2}
.hgroup>a{display:flex;align-items:center;gap:12px}
.block{grid-template-columns:auto 1fr;grid-template-areas:"ic h" "p p" "go go"}
.block .ic{grid-area:ic;align-self:center}
.block h3{grid-area:h;align-self:center}
.block p{grid-area:p}
.block .go{grid-area:go}
.pitem{grid-template-columns:auto 1fr;grid-template-areas:"ic h" "p p" "st st"}
.pitem .ic{grid-area:ic;align-self:center}.pitem h3{grid-area:h;align-self:center}.pitem p{grid-area:p}.pitem .st{grid-area:st}
.tile{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}
/* ecosystem map */
.eco{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center}
.eco-stage{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin-inline:auto;--rad:200px}
@media (max-width:1100px){.eco-stage{--rad:170px}}
.eco-stage::before{content:"";position:absolute;inset:12%;border:1px dashed var(--line);border-radius:50%}
.eco-stage::after{content:"";position:absolute;inset:30%;border:1px dashed var(--line);border-radius:50%;opacity:.6}
.node{position:absolute;left:50%;top:50%;width:132px;margin:-36px 0 0 -66px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:12px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transform:rotate(var(--a)) translate(var(--r)) rotate(calc(-1*var(--a)));transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer;z-index:1}
.node .ic{grid-row:1/3}
.node b{font-family:var(--display);font-size:14px;line-height:1.15}
.node small{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--fg-3);text-transform:uppercase}
.node .d{display:none}
.node:hover,.node.on,.node:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);transform:rotate(var(--a)) translate(var(--r)) rotate(calc(-1*var(--a))) scale(1.12);z-index:3}
.node.hub{width:150px;margin:-40px 0 0 -75px;transform:none;border-color:var(--brand);background:linear-gradient(135deg,var(--bg-3),var(--bg));z-index:2}
.node.hub:hover,.node.hub.on{transform:scale(1.08)}
.node.layer{width:150px;margin:-30px 0 0 -75px;background:var(--bg-2);border-style:dashed}
.eco-panel{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--bg-2);min-height:220px;display:grid;gap:10px;align-content:start}
.eco-panel .lbl{margin:0}
.eco-panel h3{font-size:22px}
.eco-panel p{color:var(--fg-2);font-size:15px}
.eco-panel a.btn{justify-self:start;margin-top:6px}
@media (max-width:860px){
  .eco{grid-template-columns:1fr}
  .eco-stage{aspect-ratio:auto;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .eco-stage::before,.eco-stage::after{display:none}
  .node,.node.hub,.node.layer{position:static;width:auto;margin:0;transform:none!important}
  .node.hub{grid-column:1/-1}
}
.ps{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:48px}
.ps>div{border:1px solid var(--line);border-radius:12px;padding:26px 24px;background:var(--bg-2);display:grid;gap:12px;align-content:start;min-width:0}
.ps>div.sol{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-3),var(--bg-2));grid-template-columns:1fr 1fr;grid-template-areas:"eb eb" "h h" "p ul";column-gap:32px}
.ps>div.sol>.eyebrow{grid-area:eb}.ps>div.sol>h2{grid-area:h}.ps>div.sol>p{grid-area:p}.ps>div.sol>ul{grid-area:ul;margin-top:0}
@media (max-width:860px){.ps>div.sol{grid-template-columns:1fr;grid-template-areas:"eb" "h" "p" "ul"}}
.ps h2{font-size:20px}
.ps p{color:var(--fg-2);font-size:15px}
.ps ul{display:grid;gap:8px;margin-top:4px}
.ps li{display:flex;gap:10px;align-items:flex-start;color:var(--fg-2);font-size:14.5px}
.ps li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--fg-3);margin-top:8px}
.ps>div.sol li::before{background:var(--accent)}
@media (max-width:760px){.ps{grid-template-columns:1fr}}
a.tile:hover,a.bar:hover{border-color:var(--accent-2)}
.fxhome .tile b,.fxhome .tile .ttl{font-size:15px}
.fxhome .tile span{font-size:10px}
.tile .ic{grid-row:1/3}
.band.small{background:
  radial-gradient(ellipse 60% 120% at 100% 0%,rgba(217,166,74,.10),transparent 60%),
  repeating-linear-gradient(90deg,transparent 0 43px,rgba(36,48,73,.35) 43px 44px),
  repeating-linear-gradient(0deg,transparent 0 43px,rgba(36,48,73,.35) 43px 44px)}
.hero-art{position:absolute;right:0;top:0;bottom:0;width:48%;pointer-events:none;opacity:.9}
@media (max-width:900px){.hero-art{display:none}}
.band .wrap{position:relative;z-index:1}
.about-art{border:1px solid var(--line);border-radius:12px;background:var(--bg-2);padding:18px;margin-top:24px}
.about-art svg{width:100%;height:auto;display:block}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.lang a{display:block;padding:6px 12px;color:var(--fg-2)}
.lang a[aria-current="true"]{background:var(--brand);color:var(--brand-ink)}
.menu>li.active>a,.menu>li.active>button{color:var(--fg)}
.page{display:block}
.crumbs{font-family:var(--mono);font-size:12px;color:var(--fg-3);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.crumbs a:hover{color:var(--accent)}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--fg-2);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}
.chip.on,.chip:hover{border-color:var(--accent);color:var(--fg)}
.series-card{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--bg-2);margin-bottom:22px}
.series-card[hidden],.art-card[hidden]{display:none}
.series-card h2{font-size:clamp(22px,2.4vw,28px);margin:6px 0 4px}.series-card h2 a{color:var(--fg)}.series-card h2 a:hover{color:var(--accent)}
.series-card .stitle{color:var(--fg);font-weight:500;margin-bottom:8px}.series-card p{color:var(--fg-2);font-size:15px}
.series-card .cnt{display:block;margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--fg-3)}
.sc-list,.ep-list,.ep-side ol{list-style:none;display:grid;gap:4px;margin:0;padding:0}
.sc-list a,.ep-side a{display:flex;gap:12px;align-items:baseline;padding:9px 10px;border-radius:7px;color:var(--fg-2)}
.sc-list a:hover,.ep-side a:hover{background:var(--bg-3);color:var(--fg)}
.num{font-family:var(--mono);font-size:12px;color:var(--accent);flex:none}
.sc-list em,.ep-list em,.draft-note{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--brand-2);letter-spacing:.08em;text-transform:uppercase}
.ep-list a{display:flex;gap:14px;padding:14px 12px;border-bottom:1px solid var(--line);color:var(--fg-2)}
.ep-list a:hover{color:var(--fg)}.ep-list .t{display:grid;gap:4px}.ep-list b{color:var(--fg);font-weight:600}.ep-list .t>span{font-size:14px}
.ep-list .meta,.art-card .meta{font-family:var(--mono);font-size:12px;color:var(--fg-3)}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.art-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--bg-2);color:var(--fg-2)}
.art-card h3{color:var(--fg);font-size:18px}.art-card:hover{border-color:var(--accent)}
.sec-h{font-size:22px;margin:36px 0 16px}
.art-meta{color:var(--fg-3);font-family:var(--mono);font-size:13px;margin-top:10px}.art-meta a{color:var(--fg-2)}
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px;align-items:start}
.article{font-size:17px;line-height:1.75;color:var(--fg-2);max-width:none;min-width:0}
.article p,.article li,.article blockquote,.article h2,.article h3{max-width:78ch}
.article h2{font-size:24px;color:var(--fg);margin:36px 0 12px}.article h3{font-size:19px;color:var(--fg);margin:28px 0 10px}
.article p{margin:0 0 18px}.article ul{list-style:disc}.article ol{list-style:decimal}.article ul,.article ol{margin:0 0 18px 22px;padding:0;display:grid;gap:8px}.article li::marker{color:var(--accent)}
.article blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 18px;margin:0 0 20px;color:var(--fg)}
.article blockquote p:last-child{margin:0}
.article code{font-family:var(--mono);font-size:.9em;background:var(--bg-3);padding:2px 6px;border-radius:4px}
.article pre{background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:16px;overflow:auto;margin:0 0 20px}.article pre code{background:none;padding:0}
.article img{max-width:100%;border-radius:8px}.article a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.article hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.draft-note{margin-bottom:18px}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
.share>span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-right:4px}
.share a,.share button{border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--bg-2);color:var(--fg);text-decoration:none;font-size:13px;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--accent)}
.article img.cover{width:min(100%,480px);height:auto;border-radius:10px;border:1px solid var(--line);margin:0 0 26px}
.ep-list .th{width:112px;height:63px;object-fit:cover;border-radius:6px;flex:none;border:1px solid var(--line)}
.tbl-wrap{overflow-x:auto;margin:0 0 22px;border:1px solid var(--line);border-radius:10px;max-width:none}
.article table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.4;table-layout:auto}
.article th,.article td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article th{background:var(--bg-3);color:var(--fg);font-weight:600}
.article tr:last-child td{border-bottom:0}.article td:first-child{color:var(--fg)}
.article .sources{font-size:13.5px;line-height:1.6;color:var(--fg-3)}
@media (max-width:600px){.ep-list .th{display:none}}
.pn-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:1;margin-top:8px}
.pn{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:var(--bg-2);color:var(--fg)}
.pn span{font-family:var(--mono);font-size:12px;color:var(--fg-3)}.pn b{font-weight:600}.pn.next{text-align:right}.pn.empty{border:0;background:none}.pn:hover{border-color:var(--accent)}
.ep-side{grid-column:2;grid-row:1 / span 2;position:sticky;top:84px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--bg-2);font-size:14px}
.ep-side ol{margin-top:10px}.ep-side li.cur a{color:var(--fg);background:var(--bg-3)}
@media (max-width:900px){.art-wrap{grid-template-columns:1fr}.ep-side{grid-column:1;grid-row:auto;position:static}.pn-nav{grid-column:1}.series-card{grid-template-columns:1fr}}