/* Learn shares the public Dragonfire shell. Keep all exceptions scoped here. */
.wa-home.wa-learn{--learn-night:#180f18;--learn-panel:#281e29;--learn-cream:#fff1d8;--learn-gold:#efbd69;--learn-copy:#d6c8ce;--learn-border:#b6975b66;color:var(--learn-cream);font-size:17px;line-height:1.8}
.wa-learn .learn-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.wa-learn .learn-hero{position:relative;isolation:isolate;padding:72px 0 44px;background:radial-gradient(ellipse at 85% 5%,#85374355,transparent 65%),linear-gradient(120deg,#281e29,#180f18);border-bottom:1px solid var(--learn-border)}
.wa-learn .learn-hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;z-index:-1;mask-image:linear-gradient(#000,transparent)}
.wa-learn .learn-hero h1{max-width:960px;margin:16px 0 24px;font-size:clamp(40px,5.3vw,66px);line-height:1.12;letter-spacing:-.025em;color:var(--learn-cream);text-wrap:balance}
.wa-learn .learn-hero h1 em{color:var(--learn-gold);font-weight:inherit}
.wa-learn .learn-intro{max-width:790px;margin:0 0 28px;color:var(--learn-copy);font-size:18px;line-height:1.8}
.wa-learn .learn-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:32px;font-size:14px}
.wa-learn .learn-breadcrumbs a{color:var(--learn-copy);text-decoration:underline;text-underline-offset:4px}
.wa-learn .learn-search{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-top:40px;padding:20px 24px;background:#180f18c9;border:1px solid var(--learn-border)}
.wa-learn .learn-search>p{margin:0;color:var(--learn-copy)}
.wa-learn #learn-search-root{min-width:180px;min-height:44px}
.wa-learn #learn-search-root button{color:var(--learn-cream);border-color:var(--learn-gold);min-height:44px}
.wa-learn .learn-directory{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;padding-block:56px 72px;align-items:start}
.wa-learn .learn-topic-nav{position:sticky;top:120px;max-height:calc(100vh - 150px);overflow:auto;padding-right:16px;scrollbar-width:thin}
.wa-learn .learn-topic-nav summary{color:var(--learn-gold);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:8px 0 16px}
.wa-learn .learn-topic-nav nav{display:grid}
.wa-learn .learn-topic-nav a{padding:9px 0;border-bottom:1px solid #b6975b22;color:var(--learn-copy);font-size:14px;line-height:1.5;text-decoration:none}
.wa-learn .learn-topic-nav a:hover{color:var(--learn-gold)}
.wa-learn .learn-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.wa-learn .learn-topic{min-width:0;scroll-margin-top:130px}
.wa-learn .learn-topic h2{font-size:30px;line-height:1.2;margin:8px 0 16px;text-wrap:balance}
.wa-learn .learn-topic h2 a{color:var(--learn-cream);text-decoration:none}
.wa-learn .learn-topic-description{color:var(--learn-copy);font-size:16px;line-height:1.8;margin-bottom:24px}
.wa-learn .learn-card{min-width:0;border:1px solid var(--learn-border);background:var(--learn-panel);border-radius:0;overflow:hidden}
.wa-learn .learn-card>a{display:flex;flex-direction:column;height:100%;color:var(--learn-cream);text-decoration:none}
.wa-learn .learn-card:hover{border-color:var(--learn-gold);background:#322332}
.wa-learn .learn-card-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border:0}
.wa-learn .learn-card-copy{padding:24px;flex:1;display:flex;flex-direction:column;align-items:start}
.wa-learn .learn-card h2,.wa-learn .learn-card h3{font-size:24px;line-height:1.3;margin:0 0 12px;color:var(--learn-cream)}
.wa-learn .learn-card p:not(.wa-kicker){font-size:16px;line-height:1.7;color:var(--learn-copy);margin:0 0 20px}
.wa-learn .learn-card-link{display:flex;justify-content:space-between;width:100%;margin-top:auto;color:var(--learn-gold);font-size:14px}
.wa-learn .learn-guide-list{list-style:none;margin:18px 0;padding:0}
.wa-learn .learn-guide-list li{margin:0;padding:0;border-bottom:1px solid #b6975b33}
.wa-learn .learn-guide-list a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:13px 0;color:var(--learn-copy);text-decoration:none;font-size:16px;line-height:1.6}
.wa-learn .learn-guide-list a span{color:var(--learn-gold);flex-shrink:0}
.wa-learn .learn-guide-list a:hover,.wa-learn .learn-topic h2 a:hover{color:var(--learn-gold)}
.wa-learn .learn-browse{display:block;padding-block:12px;color:var(--learn-gold);font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:5px}
.wa-learn .learn-category{padding-block:48px 72px}
.wa-learn .learn-card-featured{margin-bottom:40px}
.wa-learn .learn-card-featured>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.wa-learn .learn-card-featured>a:not(:has(img)){grid-template-columns:1fr}
.wa-learn .learn-card-featured h2{font-size:clamp(26px,3vw,38px)}
.wa-learn .learn-card-featured .learn-card-copy{padding:32px}
.wa-learn .learn-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:40px}
.wa-learn .learn-reading-layout{display:grid;grid-template-columns:minmax(0,860px) minmax(0,280px);gap:64px;align-items:start;padding-block:48px 72px}
.wa-learn .learn-reader{min-width:0;color:var(--learn-copy);font-size:17px;line-height:1.8;overflow-wrap:anywhere}
.wa-learn .learn-related{min-width:0;padding:24px;border:1px solid var(--learn-border);background:var(--learn-panel)}
.wa-learn .learn-related h2{font-size:25px;line-height:1.3;color:var(--learn-cream);margin:12px 0 20px}
.wa-learn .learn-related a{font-size:14px}
.wa-learn .learn-announcement{position:static;margin-block:24px;color:var(--learn-copy);font-size:16px}
.wa-learn .learn-announcement:empty{display:none}
.wa-learn .learn-announcement a{color:var(--learn-gold)}
.wa-learn .learn-return{margin-top:48px;padding-top:28px;border-top:1px solid var(--learn-border)}
.wa-learn .learn-return .wa-button{white-space:normal;max-width:100%;text-align:center}
.wa-learn :is(a,button,summary,input):focus-visible{outline:3px solid #73d6ee;outline-offset:5px}
/* Editorial HTML and BBCode. Exclude deliberate light presentation examples. */
.wa-learn .article-content :is(h1,h2,h3,h4,h5,h6):not(.presentation-style *){color:var(--learn-cream);line-height:1.25;padding:0!important;margin:36px 0 18px;scroll-margin-top:120px;font-weight:700;text-transform:none}
.wa-learn .article-content :is(h1,h2):not(.presentation-style *){font-size:clamp(28px,3.3vw,40px)}
.wa-learn .article-content h3:not(.presentation-style *){font-size:28px}
.wa-learn .article-content :is(h4,h5,h6):not(.presentation-style *){font-size:22px}
.wa-learn .article-content :is(p,ul,ol):not(.presentation-style *){margin-bottom:20px!important;font-size:inherit;line-height:inherit}
.wa-learn .article-content :is(ul,ol){padding-left:26px}
.wa-learn .article-content li{margin-block:8px}
.wa-learn .article-content li::marker{color:var(--learn-gold)}
.wa-learn .article-content a:not(.presentation-style *):not(.btn){color:var(--learn-gold);font-size:inherit!important;text-decoration:underline;text-underline-offset:4px}
.wa-learn .article-content :is(b,strong):not(.presentation-style *){color:var(--learn-cream)}
.wa-learn .article-content :is(img,video){max-width:100%;height:auto}
.wa-learn .article-content img:not(.presentation-style *):not(.iconPf2):not(.no-image-border *){border:3px double var(--learn-border);padding:4px;background:var(--learn-panel);margin-block:16px}
.wa-learn .article-content iframe{max-width:100%;border:1px solid var(--learn-border)}
.wa-learn .article-content iframe[src*="youtube"],.wa-learn .article-content iframe[src*="vimeo"]{width:100%!important;height:auto!important;aspect-ratio:16/9}
.wa-learn .article-content :is(pre,code,.bbcode):not(.presentation-style *){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#120c14;color:#f1ce92;border-radius:0;overflow-wrap:anywhere;white-space:pre-wrap}
.wa-learn .article-content pre:not(.presentation-style *){padding:20px;border:1px solid var(--learn-border);overflow:auto}
.wa-learn .article-content :is(code,.bbcode):not(.presentation-style *){padding:2px 5px}
.wa-learn .article-content :is(blockquote,.aloud,.pro-tip,.choice-box,.brown-box,.yellow-box,.explanation-box,.blue-box,.recap-box,.green-box,.warning-box,.red-box,.toc-box):not(.presentation-style *){background:var(--learn-panel);color:var(--learn-copy);border:1px solid var(--learn-border);border-left:3px solid var(--learn-gold);border-radius:0;padding:24px;margin:24px 0;max-width:100%;overflow-wrap:anywhere}
.wa-learn .article-content :is(.warning-box,.red-box):not(.presentation-style *){border-left-color:#ec8d86;background:#3a202a}
.wa-learn .article-content :is(.explanation-box,.blue-box):not(.presentation-style *){border-left-color:#91becf;background:#202935}
.wa-learn .article-content :is(.recap-box,.green-box):not(.presentation-style *){border-left-color:#b6cd97;background:#252e28}
.wa-learn .article-content :is(.pro-tip,.choice-box,.recap-box,.explanation-box,.warning-box,.toc-box)>:first-child{margin-top:0}
.wa-learn .article-content .toc-box a{display:inline-block;padding-block:3px}
.wa-learn .article-content .access-level:not(.presentation-style *){background:var(--learn-panel);border-radius:0;color:var(--learn-copy)}
.wa-learn .article-content div.access-level{padding:16px 20px;margin:24px 0;border-left:3px solid var(--color,var(--learn-gold))}
.wa-learn .article-content span.access-level{border:1px solid var(--color,var(--learn-gold));padding:3px 8px}
.wa-learn .article-content .table:not(.presentation-style *){--bs-table-color:#d6c8ce;--bs-table-bg:#281e29;--bs-table-border-color:#b6975b66;--bs-table-striped-color:#fff1d8;--bs-table-striped-bg:#332634;color:var(--learn-copy)}
.wa-learn .article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin-block:24px}
.wa-learn .article-content :is(th,td):not(.presentation-style *){padding:14px;border:1px solid var(--learn-border);min-width:120px}
.wa-learn .article-content th:not(.presentation-style *){color:var(--learn-cream);background:var(--learn-panel)}
.wa-learn .article-content .btn:not(.presentation-style *){background:#751c2d;color:var(--learn-cream);border:1px solid var(--learn-gold);border-radius:0;padding:10px 18px;white-space:normal}
.wa-learn .article-content :is(.spoiler-card,.spoiler-container,.well):not(.presentation-style *){background:var(--learn-panel);color:var(--learn-copy);border-color:var(--learn-border);border-radius:0}
.wa-learn .article-content [id]{scroll-margin-top:120px}
.wa-learn .article-content hr{border-color:var(--learn-border);margin-block:32px}
.wa-learn .article-content .line-spacer{height:12px}
@media(max-width:1100px){.wa-learn .learn-directory{grid-template-columns:190px minmax(0,1fr);gap:28px}.wa-learn .learn-reading-layout{grid-template-columns:minmax(0,1fr) 230px;gap:32px}.wa-learn .learn-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.wa-learn .learn-wrap{width:calc(100% - 40px)}.wa-learn .learn-hero{padding:40px 0 28px}.wa-learn .learn-directory,.wa-learn .learn-reading-layout{grid-template-columns:1fr;gap:32px;padding-block:32px 48px}.wa-learn .learn-topic-nav{position:static;max-height:280px;padding:16px 20px;border:1px solid var(--learn-border);background:var(--learn-panel)}.wa-learn .learn-topic-nav nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.wa-learn .learn-topic-grid{gap:36px 24px}.wa-learn .learn-card-copy{padding:20px}.wa-learn .learn-search{margin-top:28px}.wa-learn .learn-category{padding-block:32px 48px}}
@media(max-width:560px){.wa-learn .learn-topic-grid,.wa-learn .learn-article-grid,.wa-learn .learn-card-featured>a{grid-template-columns:1fr}.wa-learn .learn-hero h1{font-size:40px}.wa-learn .learn-search{display:block;padding:20px}.wa-learn #learn-search-root{margin-top:12px}.wa-learn .learn-topic-nav nav{grid-template-columns:1fr}.wa-learn .learn-card-featured .learn-card-copy{padding:24px}.wa-learn .article-content :is(.left-margin-110,.left-margin-110 img,.right-margin-25,.right-margin-25 img){margin-inline:0}.wa-learn .article-content .row{margin-inline:0}.wa-learn .learn-breadcrumbs{font-size:13px;gap:6px 10px}}
/* The launcher lives in Learn; the portal receives this class only on Learn. */
.wa-learn .learn-search{display:block;max-width:900px;padding:24px 28px}
.wa-learn .learn-search>p{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--learn-gold);margin-bottom:14px}
.wa-learn #learn-search-root{width:100%;margin:0}
.wa-learn #learn-search-root>div{width:100%;background:transparent}
.wa-learn #learn-search-root .learn-search-btn{display:block;width:100%;min-height:60px;padding:14px 18px;border:1px solid #b6975b88;border-radius:0;background:#281e29;color:#fff1d8;font-family:inherit;font-size:18px;line-height:1.5;text-align:left;box-shadow:none}
.wa-learn #learn-search-root .learn-search-btn>div{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}
.wa-learn #learn-search-root .learn-search-btn span{color:#fff1d8}
.wa-learn #learn-search-root .learn-search-btn:hover{background:#382737;border-color:#efbd69}
.wa-learn #learn-search-root .learn-search-btn .aphrodite-command{background:#180f18;border:1px solid #b6975b66;border-radius:0;padding:4px 8px;font-size:12px}
.wa-learn-search-dialog.chakra-modal__content{position:relative;background:#180f18;color:#fff1d8;border:3px double #b6975b;border-radius:0;box-shadow:0 28px 100px #0009;width:min(760px,calc(100vw - 40px));max-width:760px;height:auto;max-height:calc(100dvh - 40px);margin:20px;font-family:Lato,Arial,sans-serif;overflow:hidden}
.wa-learn-search-dialog .learn-search-title{margin:0;padding:28px 72px 22px 28px;color:#fff1d8;font:700 clamp(24px,4vw,32px)/1.2 Georgia,serif;letter-spacing:-.02em}
.wa-learn-search-dialog .chakra-modal__header{padding:0 28px 24px;background:transparent;border-bottom:1px solid #b6975b66}
.wa-learn-search-dialog .chakra-modal__header>div{padding:0;gap:12px;align-items:center}
.wa-learn-search-dialog .chakra-input__group{width:100%;min-width:0}
/* Legacy form CSS forces bottom padding to zero. Reset both sides so native
   single-line inputs center their placeholder, text and caret consistently. */
.wa-learn-search-dialog .chakra-input{box-sizing:border-box;height:58px;min-height:58px;border:1px solid #b6975b88;border-radius:0;background:#281e29;color:#fff1d8;font-size:17px;font-weight:400;line-height:normal!important;padding:0 18px 0 52px!important;box-shadow:none}
.wa-learn-search-dialog .chakra-input::placeholder{color:#c7b8c3;opacity:1}
.wa-learn-search-dialog .chakra-input:focus{border-color:#efbd69;outline:2px solid #efbd69;outline-offset:2px;box-shadow:none}
.wa-learn-search-dialog .chakra-input__left-element{inset:0 auto 0 0;width:52px;height:58px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#efbd69}
.wa-learn-search-dialog .chakra-input__left-element i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:18px;line-height:1;vertical-align:middle;margin:0!important}
.wa-learn-search-dialog .aphrodite-command{display:none}
.wa-learn-search-dialog .chakra-modal__body{padding:16px 20px;background:transparent;min-height:0;overflow:auto}
.wa-learn-search-dialog .aphrodite-scroll-container{height:min(390px,calc(100dvh - 260px))!important;min-height:0!important;max-height:none!important}
.wa-learn-search-dialog .prodromos-search-results-list{margin:0;padding:0 8px;list-style:none;background:transparent;color:#d6c8ce}
.wa-learn-search-dialog .prodromos-search-results-list>div{background:transparent}
.wa-learn-search-dialog .prodromos-search-results-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0;padding:18px 20px;border:1px solid #b6975b55;border-radius:0;background:#281e29;color:#fff1d8;text-decoration:none;min-height:78px}
.wa-learn-search-dialog .prodromos-search-results-list a>div{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.wa-learn-search-dialog .prodromos-search-results-list a::after{content:'↗';color:#efbd69;font-size:22px;flex-shrink:0}
.wa-learn-search-dialog .prodromos-search-results-list a :is(span,p){white-space:normal;overflow-wrap:anywhere;text-overflow:clip;color:#fff1d8;font-size:17px;line-height:1.5}
.wa-learn-search-dialog .prodromos-search-results-list a :is(span,p)+:is(span,p){color:#cbbbca;font-size:13px;font-weight:400}
.wa-learn-search-dialog .prodromos-search-results-list a:hover,.wa-learn-search-dialog .prodromos-search-results-list a:focus-visible{background:#382737;border-color:#efbd69}
.wa-learn-search-dialog .prodromos-search-results-list>p,.wa-learn-search-dialog .prodromos-search-results-list>div>p{padding:12px 0;color:#d6c8ce;font-size:13px;letter-spacing:.04em;line-height:1.6}
.wa-learn-search-dialog .learn-search-close{position:absolute;right:16px;top:16px;width:44px;height:44px;background:transparent;color:#efbd69;border:1px solid #b6975b66;border-radius:0;font:28px/1 Arial,sans-serif;cursor:pointer}
.wa-learn-search-dialog .learn-search-close:hover{background:#382737;border-color:#efbd69}
.wa-learn-search-dialog .learn-search-help{margin:0;padding:14px 28px;border-top:1px solid #b6975b66;color:#cbbbca;font-size:12px;line-height:1.5}
.wa-learn-search-dialog :is(a,button):focus-visible{outline:3px solid #73d6ee;outline-offset:2px}
@media(max-width:560px){.wa-learn .learn-search{padding:20px}.wa-learn #learn-search-root .learn-search-btn{min-height:56px}.wa-learn #learn-search-root .aphrodite-command{display:none}.wa-learn-search-dialog.chakra-modal__content{width:calc(100vw - 24px);margin:12px;max-height:calc(100dvh - 24px)}.wa-learn-search-dialog .learn-search-title{padding:24px 60px 20px 20px}.wa-learn-search-dialog .chakra-modal__header{padding:0 20px 20px}.wa-learn-search-dialog .chakra-input{font-size:16px}.wa-learn-search-dialog .chakra-modal__body{padding:12px}.wa-learn-search-dialog .prodromos-search-results-list a{padding:16px}.wa-learn-search-dialog .learn-search-help{padding:14px 20px}}
.wa-learn-search-dialog .aphrodite-scrollbar__view-container{background:#180f18}
.wa-learn-search-dialog .prodromos-search-results-list a :is(span,p){padding:0;margin:0}
.wa-learn-search-dialog .prodromos-search-results-list a :is(span,p):first-child{font-weight:700}
.wa-learn #learn-search-root .learn-search-btn{max-width:none;height:auto}
.wa-learn #learn-search-root .learn-search-btn>div>div{display:flex;align-items:center;border:0;padding:0;gap:12px}
.wa-learn #learn-search-root .learn-search-btn i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1;vertical-align:middle;margin:0!important;color:#efbd69}
.wa-learn #learn-search-root .learn-search-btn .aphrodite-command{height:auto;overflow:visible;white-space:nowrap}