.article-hero{position:relative;overflow:hidden}
.hero-watermark{position:absolute;right:max(30px,6vw);bottom:-18px;font:800 clamp(120px,20vw,280px)/1 'Barlow Condensed',sans-serif;color:#ffffff14;letter-spacing:-4px;pointer-events:none;user-select:none}

.profile-aside .fact-card{margin-bottom:26px}
.fact-card{border:1px solid var(--line);border-top:3px solid #ff7050;border-radius:14px;background:#fff;padding:22px 22px 8px}
.fact-card dl{margin:14px 0 0}
.fact-card dl>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.fact-card dt{color:var(--muted)}
.fact-card dd{margin:0;font-weight:700;text-align:right}
.profile-aside{align-self:start}

.term-strip{background:linear-gradient(100deg,#6524dc,#a12fc6);color:#fff}
.term-strip .container{display:flex;align-items:center;gap:28px;padding-block:26px}
.term-code{font:800 54px/1 'Barlow Condensed',sans-serif;white-space:nowrap}
.term-strip p{margin:0;font-size:19px;line-height:1.5;max-width:760px}

.skill-steps{list-style:none;margin:0;padding:0;counter-reset:none}
.skill-step{display:grid;grid-template-columns:78px 1fr;gap:20px;padding:6px 0 34px;position:relative}
.skill-step:not(:last-child):before{content:'';position:absolute;left:26px;top:60px;bottom:6px;width:2px;background:#e3d9f2}
.step-no{font:800 38px/1 'Barlow Condensed',sans-serif;color:#fff;background:linear-gradient(140deg,#ff8c38,#da287e);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:26px}
.skill-step h2{margin-top:6px}
.prev-next{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px}
.button.ghost-dark{border:1px solid #bda9d4;color:#2a1450;background:#fff}

.answer-band{padding-bottom:0}
.answer-card{border:1px solid var(--line);border-left:6px solid #ff7050;border-radius:14px;background:#fff7f2;padding:28px 32px;max-width:980px}
.answer-card h2{font-size:34px;margin:12px 0}
.answer-card p{font-size:19px;line-height:1.65;margin:0}

.signal-grid{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.signal-card{position:relative;border:1px solid var(--line);border-top:3px solid #a46cf2;border-radius:14px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:6px;min-height:150px}
.signal-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#faf8fe;border-radius:10px;margin-bottom:8px}
.signal-no{font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#8040b5}
.signal-card b{font:800 28px/1.05 'Barlow Condensed',sans-serif}
.signal-card span:last-child{font-size:15px;color:var(--muted)}

.pos-grid{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.pos-card{display:flex;flex-direction:column;gap:4px;height:100%;border:1px solid var(--line);border-top:3px solid #ff7050;border-radius:14px;background:#fff;padding:18px;transition:transform .2s,box-shadow .2s}
a.pos-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #48246b16}
.pos-num{font:800 44px/1 'Barlow Condensed',sans-serif;color:#6524dc}
.pos-card b{font-size:17px}
.pos-short{font-size:13px;letter-spacing:1.5px;color:var(--muted);font-weight:700}
.court-figure,.path-figure{margin:30px 0}
.court-figure svg{display:block;width:min(100%,520px);height:auto;margin-inline:auto}
.path-figure svg{display:block;width:100%;height:auto}
.court-figure figcaption,.path-figure figcaption{font-size:14px;line-height:1.5;color:#635773;margin-top:12px;text-align:center}

.dir-conf{margin-top:30px}
.dir-conf-title{font-size:30px;margin:0 0 14px}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.dir-card{border:1px solid var(--line);border-top:3px solid #a46cf2;border-radius:14px;background:#fff;padding:20px}
.dir-card h3{font-size:24px;margin:0 0 10px}
.dir-card ul{list-style:none;margin:0;padding:0}
.dir-card li{padding:6px 0;border-top:1px solid #f0ebf7;font-size:16px}
.dir-card a{color:#6326ad;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.dir-conf [hidden],.dir-card[hidden]{display:none!important}

.league-prose .step-no{margin-bottom:12px}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:200px 1fr;gap:30px;padding:30px 0;border-top:3px solid #ff7050}
.timeline li:first-child{border-top-color:#a46cf2}
.tl-year{font:800 clamp(64px,9vw,112px)/.9 'Barlow Condensed',sans-serif;color:#6524dc}
.timeline h2{margin-top:0}
.timeline p{font-size:18px;line-height:1.7}

@media(max-width:700px){
.term-strip .container{flex-direction:column;align-items:flex-start;gap:10px}
.term-code{font-size:42px}
.skill-step{grid-template-columns:54px 1fr;gap:14px}
.skill-step:not(:last-child):before{left:26px}
.timeline li{grid-template-columns:1fr;gap:6px}
.answer-card{padding:22px}
}
.article-layout article a.pos-card,.article-layout article a.signal-card{text-decoration:none}
.pos-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:700px){.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.data-table>h2{margin-bottom:18px}.data-table caption{padding-top:0}
.article-layout article .signal-grid>li,.article-layout article .pos-grid>li,.article-layout article .dir-card li:first-child{margin-top:0}
.story-cover{margin:0}.story-cover img{display:block;width:100%;max-height:520px;object-fit:cover}
.tl-pic{display:block;margin-top:20px;max-width:min(100%,520px);height:auto;border-radius:12px}
.tl-pic[width="600"]{max-width:min(100%,320px)}
