.xb-publicity{--ink:#f6eee2;--muted:#bac3bb;--dark:#1b292d;--surface:#293a3d;--edge:#4a5756;--orange:#f15a25;--accent:#ffbc8d;--paper:#f3efe5;--paper-ink:#253336;--paper-muted:#5e6964;--ease:cubic-bezier(.23,1,.32,1);color:var(--ink);background:var(--dark);font-family:Manrope,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:24px;min-height:100svh;overflow-x:clip;color-scheme:dark}
.xb-publicity,.xb-publicity *,.xb-publicity *::before,.xb-publicity *::after{box-sizing:border-box}
html{scroll-padding-top:24px;background:#1b292d}body{margin:0}
.xb-publicity :where(h1,h2,h3,h4,p,blockquote){margin:0;text-wrap:pretty}
.xb-publicity :where(h1,h2,h3,h4){text-wrap:balance;font-weight:600;letter-spacing:-.025em}
.xb-publicity h1{font-size:48px;line-height:1.15}.xb-publicity h2{font-size:36px;line-height:40px}.xb-publicity h3{font-size:24px;line-height:32px}
.xb-publicity :where(button,input,textarea){font:inherit}.xb-publicity button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.xb-publicity a{color:inherit;text-underline-offset:4px}.xb-publicity button{color:inherit}.xb-publicity button,.xb-publicity textarea{max-width:100%}
.xb-publicity :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.xb-publicity .paper :focus-visible{outline-color:#9e3510}
.xb-publicity button:active{transform:translateY(1px)}
.xb-publicity :where(.wrap,.site-header){width:min(1200px,calc(100% - 96px));margin-inline:auto}
.xb-publicity .section{padding-block:80px}.xb-publicity .paper{background:var(--paper);color:var(--paper-ink);color-scheme:light;--muted:var(--paper-muted)}
.xb-publicity .eyebrow{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;color:var(--accent);margin-bottom:16px}
.xb-publicity .paper .eyebrow{color:#a13e1c}.xb-publicity .meta{font-size:12px;line-height:16px;letter-spacing:.025em;color:var(--muted)}
.xb-publicity .orange-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:8px}
.xb-publicity .button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:8px 12px;border:1px solid var(--edge);border-radius:8px;background:var(--surface);color:var(--ink);font-size:16px;line-height:24px;font-weight:600;transition:background-color 180ms var(--ease),transform 180ms var(--ease)}
.xb-publicity .button span[aria-hidden]{margin-left:auto}.xb-publicity .button-primary{background:var(--orange);border-color:var(--orange);color:#102021;min-width:224px}
.xb-publicity .button-small{min-height:44px;font-size:14px;line-height:20px;min-width:0}
.xb-publicity .text-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--accent);text-decoration:none;font-size:16px;line-height:24px;font-weight:600}
.xb-publicity .paper .text-link{color:#9e3a16}.xb-publicity .tiny-tag{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;font-size:12px;line-height:16px;border:1px solid var(--edge);border-radius:4px;color:var(--muted);white-space:nowrap}
.xb-publicity .site-header{display:flex;gap:32px;align-items:center;min-height:96px;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid #44514f;position:relative;z-index:5}
.xb-publicity .brand{display:flex;align-items:center;gap:24px;border:0;background:transparent;padding:8px 0;flex-shrink:0}
.xb-publicity .brand img{display:block;width:144px;height:auto;object-fit:contain}.xb-publicity .brand>span{font-size:14px;line-height:20px;color:var(--muted);border-left:1px solid var(--edge);padding-left:24px}
.xb-publicity .desktop-nav{display:flex;gap:8px;margin-left:auto;align-items:center}.xb-publicity .desktop-nav button{min-height:44px;padding:8px 12px;background:transparent;border:0;border-radius:8px;font-size:14px;line-height:20px;white-space:nowrap;color:var(--muted)}
.xb-publicity .desktop-nav [aria-current=page]{color:var(--accent);background:#304043}.xb-publicity .header-consult{white-space:nowrap}
.xb-publicity .hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);gap:64px;align-items:start;padding-block:64px 80px}
.xb-publicity .hero-copy{padding-top:48px}.xb-publicity .hero h1{font-size:60px;line-height:1.15;letter-spacing:-.045em;margin-bottom:32px}.xb-publicity .hero h1 span{color:var(--accent)}
.xb-publicity .hero-intro{color:var(--muted);font-size:18px;line-height:28px;max-width:448px;margin-bottom:32px}
.xb-publicity .hero-evidence{margin-top:64px;padding:24px;border:1px solid var(--edge);border-radius:16px;max-width:384px;background:#223337}
.xb-publicity .hero-evidence>span{font-size:12px;line-height:16px;color:var(--muted)}.xb-publicity .hero-evidence p{font-size:24px;line-height:32px;margin-top:16px;margin-bottom:8px}.xb-publicity .hero-evidence small{color:var(--accent);font-size:12px;line-height:16px}
.xb-publicity .hero-map{min-width:0}.xb-publicity .map-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.xb-publicity .map-heading .eyebrow{margin-bottom:8px}.xb-publicity .map-heading h2{font-size:24px;line-height:32px}.xb-publicity .map-heading .tiny-tag{margin-bottom:4px}
.xb-publicity [data-sandtable]{--xb-sandtable-height:540px}.xb-publicity .map-selection{padding:24px;border:1px solid var(--edge);border-radius:16px;margin-top:24px;background:#223337}.xb-publicity .map-selection h3{font-size:24px;line-height:32px;margin-top:8px;margin-bottom:8px}.xb-publicity .map-selection>p:not(.meta){color:var(--muted);font-size:14px;line-height:20px}.xb-publicity .map-selection .text-link{font-size:14px;line-height:20px;margin-top:4px}.xb-publicity .map-disclaimer{font-size:12px;line-height:16px;color:var(--muted);margin-top:12px}
.xb-publicity .section-heading{display:flex;gap:48px;justify-content:space-between;align-items:end;margin-bottom:40px}.xb-publicity .section-heading>p{max-width:384px;color:var(--muted)}
.xb-publicity .family-switch{display:inline-flex;gap:8px;padding:8px;background:#dedfd5;border:1px solid #c9d0c5;border-radius:16px;margin-bottom:32px;max-width:100%}
.xb-publicity .family-button{min-height:48px;padding:8px 32px;min-width:160px;border:1px solid transparent;border-radius:8px;color:#53605a;background:transparent;font-size:18px;line-height:28px;font-weight:600}
.xb-publicity .family-button[aria-pressed=true]{background:#223438;color:#f7eddd;border-color:#223438;box-shadow:0 4px 8px #182c1d14}
.xb-publicity .course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.xb-publicity .course-card{min-width:0}.xb-publicity .course-art{width:100%;height:320px;position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;overflow:hidden;padding:24px;background:#30484a;border:1px solid #687771;border-radius:16px;color:#f9f0db}
.xb-publicity .art-label{font-size:12px;line-height:16px;position:relative;z-index:1}.xb-publicity .art-mark{position:absolute;right:16px;top:32px;transform:rotate(-16deg);font-size:128px;line-height:1;letter-spacing:-.08em;color:#e9c9aa;filter:drop-shadow(4px 8px 0 #142c2b);opacity:.85}
.xb-publicity .art-copy{position:relative;z-index:1;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.04em;margin-top:auto;text-shadow:0 2px 8px #20373488}.xb-publicity .art-foot{display:flex;width:100%;justify-content:space-between;margin-top:24px;font-size:12px;line-height:16px;color:#d6d9c9}
.xb-publicity .art-l2{background:#65584c;border-color:#8c7a68}.xb-publicity .art-l2 .art-mark{color:#eddcb9;filter:drop-shadow(4px 8px 0 #3a3b2c)}.xb-publicity .art-debate{background:#b04c2a;border-color:#d9865e}.xb-publicity .art-debate .art-mark{color:#fad4a4;filter:drop-shadow(4px 8px 0 #7d331b)}.xb-publicity .art-humanities{background:#2e4441}.xb-publicity .art-humanities .art-mark{color:#dacbb0;filter:drop-shadow(4px 8px 0 #1d2c29)}
.xb-publicity .course-card-copy{padding:24px 0 0}.xb-publicity .course-card h3{font-size:20px;line-height:28px;margin-top:8px;margin-bottom:12px}.xb-publicity .course-card-copy>p:not(.meta){color:var(--muted);font-size:14px;line-height:20px}.xb-publicity .course-card .text-link{margin-top:16px}
.xb-publicity .single-course{grid-template-columns:1fr}.xb-publicity .single-course .course-card{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.xb-publicity .single-course .course-art{height:360px}.xb-publicity .single-course .course-card-copy{max-width:448px;padding:0}.xb-publicity .single-course .course-card h3{font-size:30px;line-height:36px}.xb-publicity .single-course .course-card-copy>p:not(.meta){font-size:18px;line-height:28px}.xb-publicity .single-course .art-copy{font-size:36px;line-height:40px}
.xb-publicity .classroom-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:64px}.xb-publicity .question-slab{position:relative;overflow:hidden;padding:40px;min-height:400px;background:#314347;border:1px solid #4a5e5d;border-radius:24px;display:flex;flex-direction:column;align-items:start}.xb-publicity .question-slab h3{font-size:48px;line-height:1.15;margin-top:auto;margin-bottom:24px;position:relative;z-index:1}.xb-publicity .question-slab>p:last-of-type{color:var(--muted);font-size:14px;line-height:20px}.xb-publicity .question-number{position:absolute;right:16px;bottom:64px;font-size:128px;line-height:1;color:#6d7c6e55;letter-spacing:-.08em}
.xb-publicity .classroom-steps{display:flex;flex-direction:column;justify-content:center;gap:32px}.xb-publicity .classroom-steps article{display:flex;gap:24px}.xb-publicity .classroom-steps article>span{color:var(--accent);font-size:14px;line-height:20px;padding-top:4px}.xb-publicity .classroom-steps h3{font-size:20px;line-height:28px;margin-bottom:8px}.xb-publicity .classroom-steps p{color:var(--muted)}.xb-publicity .classroom-steps .text-link{align-self:start;margin-left:40px}
.xb-publicity .camp-section{background:#25373a}.xb-publicity .camp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.xb-publicity .camp-card{border:1px solid #51615b;border-radius:24px;overflow:hidden;background:#1e3033}.xb-publicity .camp-card-copy{padding:32px}.xb-publicity .camp-card h3{margin-top:8px;margin-bottom:12px}.xb-publicity .camp-card-copy>p:not(.meta){color:var(--muted);max-width:448px}.xb-publicity .camp-card .text-link{margin-top:16px}.xb-publicity .camp-card-copy .camp-output{font-size:14px;line-height:20px;margin-top:16px}
.xb-publicity .camp-art{height:300px;background:#50615a;position:relative;overflow:hidden;perspective:800px;border-radius:16px;isolation:isolate}.xb-publicity .camp-card>.camp-art{border-radius:0}.xb-publicity .camp-paper{position:absolute;width:224px;height:240px;top:32px;left:calc(50% - 112px);border:1px solid #c5b494;background:#d6c9aa;box-shadow:8px 16px 16px #162f284d;transform:rotate(-8deg) rotateX(12deg)}
.xb-publicity .paper-back{transform:translate(24px,8px) rotate(8deg) rotateX(12deg);background:#d6a27c;border-color:#b18563}.xb-publicity .paper-front{padding:16px 24px;color:#2a3c36;display:flex;flex-direction:column}.xb-publicity .paper-front>span{font-size:12px;line-height:16px}.xb-publicity .paper-front b{font-size:30px;line-height:36px;letter-spacing:.08em;margin-top:16px;font-weight:600}.xb-publicity .paper-front i{font-size:12px;line-height:16px;font-style:normal;margin-top:auto}.xb-publicity .camp-stamp{position:absolute;right:24px;bottom:24px;transform:rotate(8deg);background:#e9b28a;color:#593f2c;border:1px solid #6a5040;padding:8px 12px;font-size:14px;line-height:20px;border-radius:4px;box-shadow:0 4px 8px #1c30263b}
.xb-publicity .camp-art-summer{background:#6c5442}.xb-publicity .camp-art-summer .paper-front{background:#e7d8b7}.xb-publicity .camp-art-summer .paper-back{background:#93a69b;border-color:#6b8573}.xb-publicity .camp-art-summer .camp-stamp{background:#314c44;color:#f1e5c8;border-color:#718776}
.xb-publicity .meaning-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 24px;margin-top:32px;padding:24px;border:1px solid var(--edge);border-radius:16px}.xb-publicity .meaning-note h3{font-size:20px;line-height:28px}.xb-publicity .meaning-note>p{grid-column:2;color:var(--muted);font-size:14px;line-height:20px}.xb-publicity .meaning-note>.text-link{grid-column:3;grid-row:1/3;font-size:14px;line-height:20px}
.xb-publicity .philosophy{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:24px;padding-block:96px}.xb-publicity .philosophy>.eyebrow{grid-column:1/-1}.xb-publicity .philosophy h2{font-size:48px;line-height:1.15}.xb-publicity .philosophy h2 span{color:var(--muted)}.xb-publicity .philosophy .second-tagline{color:var(--accent)}.xb-publicity .philosophy>p:not(.eyebrow){color:var(--muted);margin-top:16px}.xb-publicity .philosophy>.text-link{justify-self:start}
.xb-publicity .faq-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px}.xb-publicity .faq-list{min-width:0}.xb-publicity .faq-item{border:1px solid #c9d0c5;border-radius:8px;background:#f8f5ec;margin-bottom:12px}.xb-publicity .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;min-height:64px;padding:16px 24px;font-size:16px;line-height:24px;font-weight:600;touch-action:manipulation}.xb-publicity summary::-webkit-details-marker{display:none}.xb-publicity .faq-item summary>span{font-size:24px;line-height:32px;color:#986248;flex-shrink:0}.xb-publicity .faq-item[open] summary>span{transform:rotate(45deg)}.xb-publicity .faq-item>p{padding:0 24px 24px;color:var(--paper-muted)}
.xb-publicity .closing{display:flex;justify-content:space-between;align-items:center;gap:48px}.xb-publicity .closing .button{align-self:end}
.xb-publicity .site-footer{border-top:1px solid #44514f;padding-top:40px;padding-bottom:40px}.xb-publicity .footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.xb-publicity .footer-top strong{font-size:20px;line-height:28px;font-weight:600}.xb-publicity .footer-top strong span{display:inline-block;margin-left:24px;color:var(--muted);font-size:14px;line-height:20px;font-weight:400}.xb-publicity .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;line-height:16px}.xb-publicity .footer-bottom>div{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.xb-publicity .footer-bottom button{min-height:44px;border:0;background:transparent;padding:8px 0;font-size:12px;line-height:16px}.xb-publicity .footer-bottom a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.xb-publicity .page-head{padding-block:64px}.xb-publicity .page-head h1{max-width:800px;margin-bottom:24px}.xb-publicity .page-head>p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:18px;line-height:28px}.xb-publicity .section-note{margin-top:32px;color:var(--muted);font-size:14px;line-height:20px;max-width:800px}
.xb-publicity .three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.xb-publicity .step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--edge);color:var(--accent);font-size:14px;line-height:20px;margin-bottom:24px}.xb-publicity .paper .step-number{color:#a13e1c;border-color:#bac5b7}.xb-publicity .three-columns h3{font-size:20px;line-height:28px;margin-bottom:16px}.xb-publicity .three-columns p{color:var(--muted)}
.xb-publicity .breadcrumb{padding-top:32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:14px;line-height:20px}.xb-publicity .breadcrumb .text-link{font-size:14px;line-height:20px}.xb-publicity .detail-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center;padding-block:40px 64px}.xb-publicity .detail-hero h1{margin-bottom:24px}.xb-publicity .detail-description{font-size:18px;line-height:28px;color:var(--muted);margin-bottom:24px}.xb-publicity .detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.xb-publicity .detail-tags span{padding:4px 8px;border:1px solid var(--edge);border-radius:4px;color:var(--muted);font-size:12px;line-height:16px}
.xb-publicity .detail-quote{padding:40px;background:#304144;border:1px solid #53615e;border-radius:24px;transform:rotate(2deg);box-shadow:12px 12px 0 #122327}.xb-publicity .detail-quote blockquote{font-size:30px;line-height:36px;margin-bottom:32px}.xb-publicity .detail-quote>span{font-size:12px;line-height:16px;color:var(--muted)}
.xb-publicity .curriculum-promise{padding-block:0 64px;display:grid;grid-template-columns:.6fr 1fr 1fr;gap:40px;align-items:center}.xb-publicity .curriculum-promise>p{color:var(--muted)}.xb-publicity .curriculum-promise>p:first-child{color:var(--accent);font-size:14px;line-height:20px}.xb-publicity .curriculum-promise h2{font-size:30px;line-height:36px}
.xb-publicity .stage-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:24px}.xb-publicity .stage-button{min-height:80px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:4px;background:#e4e5d9;border:1px solid #bac7b8;border-radius:8px;text-align:left;padding:12px 16px;color:#475b51}.xb-publicity .stage-button small{font-size:12px;line-height:16px}.xb-publicity .stage-button span{font-size:18px;line-height:28px;font-weight:600}.xb-publicity .stage-button[aria-pressed=true]{background:#2c4141;color:#f7e4cf;border-color:#2c4141}.xb-publicity .group-summary{margin-bottom:8px;color:#465c52}.xb-publicity .group-outcome{color:#9e3a16;font-size:14px;line-height:20px;margin-bottom:24px}
.xb-publicity .lesson-browser{display:grid;grid-template-columns:.85fr 1.25fr;gap:24px;margin-top:24px;align-items:start}.xb-publicity .lesson-list{display:flex;flex-direction:column;gap:8px;max-height:680px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#99a68f #e2e6d8;padding:4px}
.xb-publicity .lesson-button{display:flex;align-items:start;gap:16px;padding:16px;min-height:64px;width:100%;text-align:left;background:#e4e7da;border:1px solid #c2ccba;border-radius:8px;color:#324a3f}.xb-publicity .lesson-button small{font-size:12px;line-height:16px;margin-top:4px;flex:0 0 24px;opacity:.7;font-variant-numeric:tabular-nums}.xb-publicity .lesson-button>span{font-size:16px;line-height:24px;flex:1}.xb-publicity .lesson-button>b{font-size:16px;line-height:24px;font-weight:400}.xb-publicity .lesson-button[aria-pressed=true]{background:#f4d9c5;border-color:#d06032;color:#7b361b}
.xb-publicity .lesson-detail{position:sticky;top:24px;background:#fcfaf3;border:1px solid #c6cebc;border-radius:16px;scroll-margin-top:24px;min-width:0}.xb-publicity .lesson-detail-inner{padding:32px}.xb-publicity .lesson-detail h3{font-size:30px;line-height:36px;margin-bottom:32px}.xb-publicity .lesson-field{margin-bottom:24px}.xb-publicity .lesson-field .eyebrow{margin-bottom:8px}.xb-publicity .lesson-field p:not(.eyebrow){color:#405649;font-size:16px;line-height:24px;white-space:pre-line}.xb-publicity .lesson-field p+p:not(.eyebrow){margin-top:12px}.xb-publicity .lesson-detail .button{margin-top:24px}.xb-publicity .source-note{font-size:12px;line-height:16px;color:var(--muted);margin-top:24px;overflow-wrap:anywhere}.xb-publicity .source-note summary{cursor:pointer;padding:8px 0;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px;touch-action:manipulation}.xb-publicity .source-note p{padding:0 0 8px}
.xb-publicity .outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.xb-publicity .outcome-grid strong{font-size:60px;line-height:1;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.xb-publicity .outcome-grid strong small{font-size:14px;line-height:20px;margin-left:8px;color:var(--muted)}.xb-publicity .outcome-grid h3{font-size:20px;line-height:28px;margin-top:24px;margin-bottom:12px}.xb-publicity .outcome-grid p{font-size:14px;line-height:20px;color:var(--muted)}.xb-publicity .two-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.xb-publicity .compact .course-art{height:280px}
.xb-publicity .meaning-section{display:flex;align-items:center;justify-content:space-between;gap:64px}.xb-publicity .meaning-section p:not(.eyebrow){color:var(--muted);max-width:640px;margin-top:24px}.xb-publicity .meaning-section .button{flex-shrink:0}.xb-publicity .camp-detail-hero .camp-art{height:400px}.xb-publicity .camp-detail-hero .camp-paper{top:64px;height:264px}.xb-publicity .camp-detail-hero .paper-front b{font-size:36px;line-height:40px}
.xb-publicity .camp-day-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.xb-publicity .day-tabs{display:flex;flex-direction:column;gap:8px}.xb-publicity .day-button{display:flex;align-items:center;gap:16px;text-align:left;min-height:80px;border:1px solid #b5c4af;border-radius:8px;padding:16px;background:#e4e7da;color:#344c40}.xb-publicity .day-button>span{font-size:12px;line-height:16px;flex-shrink:0;opacity:.7}.xb-publicity .day-button>strong{font-size:16px;line-height:24px;font-weight:600}.xb-publicity .day-button>b{margin-left:auto;font-weight:400}.xb-publicity .day-button[aria-pressed=true]{color:#7d3519;border-color:#c96335;background:#f2d9c4}.xb-publicity .day-content{background:#fcfaf3;border:1px solid #c6cebc;border-radius:16px;padding:40px;min-height:400px;display:flex;flex-direction:column}.xb-publicity .day-content h3{font-size:30px;line-height:36px;margin-bottom:24px}.xb-publicity .day-content>p:not(.eyebrow){color:#47604e;font-size:18px;line-height:28px}.xb-publicity .day-output{display:flex;flex-direction:column;gap:8px;border:1px solid #cad2bd;background:#e9eddf;border-radius:8px;padding:24px;margin-top:32px}.xb-publicity .day-output>span{font-size:12px;line-height:16px;color:#5d6a58}.xb-publicity .day-output>strong{font-size:18px;line-height:28px;font-weight:600}.xb-publicity .day-content .day-source{font-size:12px!important;line-height:16px!important;margin-top:auto;padding-top:32px;color:#6f7969!important}
.xb-publicity .camp-takeaways{display:grid;grid-template-columns:1fr 1fr;gap:80px}.xb-publicity .camp-takeaways h2{margin-bottom:24px}.xb-publicity .camp-takeaways p{color:var(--muted)}.xb-publicity .takeaway-text{font-size:24px;line-height:32px}.xb-publicity .deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}.xb-publicity .deliverables li{padding:16px;border:1px solid var(--edge);border-radius:8px;background:#273b3c;font-size:14px;line-height:20px;color:#e5e0cf}.xb-publicity .participation{display:flex;align-items:center;justify-content:space-between;gap:64px}.xb-publicity .participation p:not(.eyebrow){max-width:640px;margin-top:24px;color:var(--muted)}.xb-publicity .participation .button{flex-shrink:0}
.xb-publicity .brand-statement{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.025em;display:grid;gap:24px;margin-bottom:80px}.xb-publicity .brand-statement p:last-child{color:#a84522}.xb-publicity .about-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.xb-publicity .about-lines article{padding:32px;border:1px solid var(--edge);border-radius:16px;background:#263a3c}.xb-publicity .about-lines h3{margin-bottom:16px}.xb-publicity .about-lines p{color:var(--muted);margin-bottom:16px}
.xb-publicity .consult-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}.xb-publicity .choice-fieldset{border:0;padding:0;margin:0 0 48px;min-width:0}.xb-publicity .choice-fieldset legend{font-size:24px;line-height:32px;font-weight:600;margin-bottom:24px}.xb-publicity .interest-choices{display:flex;gap:8px;flex-wrap:wrap}.xb-publicity .choice-button{padding:12px 16px;border:1px solid #b4c2ad;border-radius:8px;min-height:48px;background:#e4e7da;color:#405741;text-align:left;font-size:16px;line-height:24px}.xb-publicity .choice-button[aria-pressed=true]{border-color:#c65b2e;background:#f3d5bc;color:#783318}.xb-publicity .consult-card{position:sticky;top:24px;padding:32px;background:#253b3c;border:1px solid #667b6b;border-radius:16px;color:var(--ink);--muted:#bdc8b8}.xb-publicity .consult-card .eyebrow{color:var(--accent)}.xb-publicity textarea{width:100%;resize:vertical;min-height:176px;background:#1a2e30;border:1px solid #6a7a67;border-radius:8px;color:#e9e8d8;font-size:16px;line-height:24px;padding:16px;user-select:text;touch-action:auto}.xb-publicity .consult-card .button{width:100%;margin-top:16px}.xb-publicity .wechat-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:32px}.xb-publicity .wechat-contact>span{width:100%;color:var(--muted);font-size:12px;line-height:16px}.xb-publicity .wechat-contact strong{font-size:24px;line-height:32px}.xb-publicity .wechat-contact .text-link{color:var(--accent);font-size:14px;line-height:20px;margin-left:auto}.xb-publicity .small-note{font-size:12px;line-height:16px;color:var(--muted);margin-top:24px}.xb-publicity .inline-status{font-size:14px;line-height:20px;color:var(--accent);margin-top:12px;min-height:20px}
.xb-publicity .prose{max-width:800px;min-height:60svh}.xb-publicity .prose h1{margin-bottom:40px}.xb-publicity .prose h2{font-size:24px;line-height:32px;margin-top:40px;margin-bottom:16px}.xb-publicity .prose p{color:var(--muted);font-size:18px;line-height:28px}.xb-publicity .prose p+p{margin-top:24px}
.xb-publicity .mobile-nav{display:none}.xb-publicity .notice{position:fixed;left:50%;bottom:32px;transform:translate(-50%,8px);opacity:0;pointer-events:none;padding:12px 24px;background:#fcf5e4;color:#28483c;border:1px solid #94a58a;border-radius:8px;box-shadow:0 8px 24px #061a1a33;z-index:30;max-width:calc(100% - 32px);font-size:14px;line-height:20px;transition:opacity 180ms var(--ease),transform 180ms var(--ease)}.xb-publicity .notice.is-visible{opacity:1;transform:translate(-50%,0)}
.xb-publicity .skip-link{position:absolute;z-index:99;left:16px;top:8px;transform:translateY(-200%);background:var(--orange);color:#fff;padding:12px 24px;border-radius:8px}.xb-publicity .skip-link:focus{transform:translateY(0)}.xb-publicity .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xb-publicity main:focus{outline:none}
@media (hover:hover) and (pointer:fine){.xb-publicity .button-primary:hover{background:#f66c3d;border-color:#f66c3d;transform:translateY(-2px)}.xb-publicity .text-link:hover{color:#ffdebd}.xb-publicity .paper .text-link:hover{color:#542a12}.xb-publicity .desktop-nav button:hover{background:#304043;color:#f5e4cd}.xb-publicity .course-art:hover .art-mark{transform:rotate(-12deg) translateY(-4px)}.xb-publicity .course-art .art-mark{transition:transform 280ms var(--ease)}.xb-publicity .family-button:not([aria-pressed=true]):hover,.xb-publicity .stage-button:not([aria-pressed=true]):hover,.xb-publicity .lesson-button:not([aria-pressed=true]):hover,.xb-publicity .day-button:not([aria-pressed=true]):hover,.xb-publicity .choice-button:not([aria-pressed=true]):hover{background:#d5dcc9}.xb-publicity .faq-item summary:hover{background:#eeeddf}.xb-publicity .footer-bottom a:hover,.xb-publicity .footer-bottom button:hover{text-decoration:underline}}
@media (min-width:1440px){.xb-publicity [data-sandtable]{--xb-sandtable-height:600px}}
@media (max-width:1100px){.xb-publicity :where(.wrap,.site-header){width:calc(100% - 64px)}.xb-publicity .brand>span{display:none}.xb-publicity .site-header{gap:24px}.xb-publicity .hero{gap:32px}.xb-publicity .hero h1{font-size:48px;line-height:1.15}.xb-publicity .hero-copy{padding-top:32px}.xb-publicity .hero-evidence{margin-top:40px}.xb-publicity [data-sandtable]{--xb-sandtable-height:520px}.xb-publicity .course-art{height:300px}.xb-publicity .art-copy{font-size:20px;line-height:28px}.xb-publicity .classroom-layout{gap:32px}.xb-publicity .section-heading{gap:32px}.xb-publicity .faq-layout{gap:48px}.xb-publicity .consult-layout{gap:32px}.xb-publicity .detail-hero{gap:40px}.xb-publicity .detail-quote{padding:24px}.xb-publicity .meaning-note{grid-template-columns:auto 1fr}.xb-publicity .meaning-note>.text-link{grid-column:2;grid-row:auto}}
@media (max-width:760px){
 .xb-publicity :where(.wrap,.site-header){width:calc(100% - 40px)}.xb-publicity .section{padding-block:48px}.xb-publicity h1{font-size:36px;line-height:40px}.xb-publicity h2{font-size:30px;line-height:36px}.xb-publicity h3{font-size:24px;line-height:32px}
 .xb-publicity .site-header{min-height:80px;gap:16px}.xb-publicity .brand img{width:128px}.xb-publicity .desktop-nav{display:none}.xb-publicity .header-consult{margin-left:auto;min-height:44px;padding:8px 12px;gap:12px}.xb-publicity .hero{grid-template-columns:1fr;gap:48px;padding-block:40px 48px}.xb-publicity .hero-copy{padding:0}.xb-publicity .hero h1{font-size:48px;line-height:1.15;margin-bottom:24px;max-width:480px}.xb-publicity .hero-intro{font-size:16px;line-height:24px;max-width:480px;margin-bottom:24px}.xb-publicity .hero-evidence{margin-top:32px;max-width:none;padding:16px 24px}.xb-publicity .hero-evidence p{font-size:20px;line-height:28px;margin-top:8px}.xb-publicity .hero-evidence small{display:inline-block;margin-top:0}.xb-publicity .map-heading{align-items:center;margin-bottom:16px}.xb-publicity .map-heading h2{font-size:24px;line-height:32px}.xb-publicity .map-heading .tiny-tag{display:none}.xb-publicity [data-sandtable]{--xb-sandtable-height:560px}.xb-publicity .map-selection{margin-top:16px;padding:24px}.xb-publicity .section-heading{display:block;margin-bottom:32px}.xb-publicity .section-heading>p{margin-top:16px;max-width:none}.xb-publicity .section-heading .eyebrow{margin-bottom:12px}.xb-publicity .family-switch{display:flex;width:100%;padding:8px;gap:8px;margin-bottom:24px}.xb-publicity .family-button{padding:8px 12px;flex:1;min-width:0;font-size:18px;line-height:28px}
 .xb-publicity .course-grid,.xb-publicity .two-courses{grid-template-columns:1fr;gap:32px}.xb-publicity .course-art{height:280px;padding:24px}.xb-publicity .art-mark{font-size:128px;line-height:1;right:24px;top:24px}.xb-publicity .art-copy{font-size:30px;line-height:36px}.xb-publicity .course-card-copy{padding-top:24px}.xb-publicity .course-card h3{font-size:24px;line-height:32px}.xb-publicity .course-card-copy>p:not(.meta){font-size:16px;line-height:24px}.xb-publicity .course-card .text-link{margin-top:8px}.xb-publicity .single-course .course-card{grid-template-columns:1fr;gap:24px}.xb-publicity .single-course .course-art{height:320px}.xb-publicity .single-course .course-card h3{font-size:24px;line-height:32px}.xb-publicity .single-course .art-copy{font-size:30px;line-height:36px}.xb-publicity .single-course .course-card-copy>p:not(.meta){font-size:16px;line-height:24px}
 .xb-publicity .classroom-layout{grid-template-columns:1fr;gap:32px}.xb-publicity .question-slab{min-height:320px;padding:32px}.xb-publicity .question-slab h3{font-size:48px;line-height:1.15}.xb-publicity .classroom-steps{gap:24px}.xb-publicity .classroom-steps article{gap:16px}.xb-publicity .classroom-steps h3{font-size:18px;line-height:28px}.xb-publicity .classroom-steps .text-link{margin-left:32px}
 .xb-publicity .camp-grid{grid-template-columns:1fr;gap:24px}.xb-publicity .camp-card-copy{padding:24px}.xb-publicity .camp-art{height:280px}.xb-publicity .camp-paper{top:24px}.xb-publicity .camp-stamp{right:16px;bottom:24px}.xb-publicity .meaning-note{grid-template-columns:1fr;gap:12px;padding:24px}.xb-publicity .meaning-note>.tiny-tag{justify-self:start}.xb-publicity .meaning-note>p,.xb-publicity .meaning-note>.text-link{grid-column:1;grid-row:auto}.xb-publicity .meaning-note>p{font-size:16px;line-height:24px}
 .xb-publicity .philosophy{grid-template-columns:1fr;gap:24px;padding-block:64px}.xb-publicity .philosophy>.eyebrow{margin:0}.xb-publicity .philosophy h2{font-size:36px;line-height:40px}.xb-publicity .philosophy h2.second-tagline{margin-top:16px}.xb-publicity .philosophy>p:not(.eyebrow){margin:0}.xb-publicity .faq-layout{grid-template-columns:1fr;gap:32px}.xb-publicity .faq-item summary{padding:16px;gap:16px}.xb-publicity .faq-item>p{padding:0 16px 24px}.xb-publicity .closing{display:block}.xb-publicity .closing .button{margin-top:32px;width:100%}
 .xb-publicity .site-footer{padding-top:32px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.xb-publicity .footer-top{align-items:start;gap:16px;flex-direction:column;margin-bottom:24px}.xb-publicity .footer-top strong span{margin-left:16px}.xb-publicity .footer-top .text-link{font-size:14px;line-height:20px}.xb-publicity .footer-bottom{display:block}.xb-publicity .footer-bottom>div{margin-top:8px;gap:0 16px}
 .xb-publicity .mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:4px max(12px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#1b292df7;border-top:1px solid var(--edge);box-shadow:0 -4px 16px #12212518}.xb-publicity .mobile-nav button{display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;padding:8px 4px;background:transparent;border:0;border-radius:8px;font-size:14px;line-height:20px;color:var(--muted)}.xb-publicity .mobile-nav [aria-current=page]{background:#34413c;color:var(--accent)}.xb-publicity .notice{bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:12px 16px;width:max-content;text-align:center}
 .xb-publicity .page-head{padding-block:40px}.xb-publicity .page-head h1{margin-bottom:24px}.xb-publicity .page-head>p:not(.eyebrow){font-size:16px;line-height:24px}.xb-publicity .three-columns{grid-template-columns:1fr;gap:32px}.xb-publicity .step-number{margin-bottom:16px}.xb-publicity .three-columns h3{margin-bottom:8px}.xb-publicity .breadcrumb{padding-top:24px;gap:8px 24px}.xb-publicity .detail-hero{grid-template-columns:1fr;gap:40px;padding-block:24px 48px}.xb-publicity .detail-hero h1{font-size:36px;line-height:40px}.xb-publicity .detail-description{font-size:16px;line-height:24px}.xb-publicity .detail-tags{margin-bottom:24px}.xb-publicity .detail-hero .button{width:100%}.xb-publicity .detail-quote{transform:none;box-shadow:8px 8px 0 #122327;padding:24px}.xb-publicity .detail-quote blockquote{font-size:24px;line-height:32px;margin-bottom:24px}.xb-publicity .curriculum-promise{grid-template-columns:1fr;gap:16px;padding-bottom:48px}.xb-publicity .curriculum-promise h2 br{display:none}.xb-publicity .curriculum-promise h2{font-size:24px;line-height:32px}
 .xb-publicity .stage-switch{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;margin-inline:-4px;padding:4px;scrollbar-width:thin;overscroll-behavior-x:contain}.xb-publicity .stage-button{flex:0 0 auto;min-width:128px;min-height:80px;padding:12px 16px;scroll-snap-align:start}.xb-publicity .stage-button span{font-size:16px;line-height:24px}.xb-publicity .group-summary{font-size:16px;line-height:24px}.xb-publicity .lesson-browser{grid-template-columns:1fr;gap:24px}.xb-publicity .lesson-list{max-height:360px;padding:4px}.xb-publicity .lesson-button{min-height:64px;padding:16px;gap:12px}.xb-publicity .lesson-detail{position:static;scroll-margin-top:24px}.xb-publicity .lesson-detail-inner{padding:24px}.xb-publicity .lesson-detail h3{font-size:24px;line-height:32px;margin-bottom:24px}.xb-publicity .lesson-detail .button{width:100%;margin-top:16px}.xb-publicity .outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.xb-publicity .outcome-grid strong{font-size:48px;line-height:1}.xb-publicity .outcome-grid h3{font-size:18px;line-height:28px;margin-top:16px;margin-bottom:8px}
 .xb-publicity .meaning-section{display:block}.xb-publicity .meaning-section .button{margin-top:24px;width:100%}.xb-publicity .meaning-section p:not(.eyebrow){margin-top:16px}.xb-publicity .camp-detail-hero .camp-art{height:320px}.xb-publicity .camp-detail-hero .camp-paper{top:32px;height:240px}.xb-publicity .camp-detail-hero .paper-front b{font-size:30px;line-height:36px}.xb-publicity .camp-day-layout{grid-template-columns:1fr;gap:24px}.xb-publicity .day-tabs{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:4px;margin-inline:-4px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.xb-publicity .day-button{flex:0 0 192px;flex-direction:column;gap:8px;align-items:start;min-height:96px;padding:16px;scroll-snap-align:start}.xb-publicity .day-button b{display:none}.xb-publicity .day-content{padding:24px;min-height:320px}.xb-publicity .day-content h3{font-size:24px;line-height:32px}.xb-publicity .day-content>p:not(.eyebrow){font-size:16px;line-height:24px}.xb-publicity .day-output{padding:16px;margin-top:24px}.xb-publicity .day-output>strong{font-size:16px;line-height:24px}.xb-publicity .camp-takeaways{grid-template-columns:1fr;gap:32px}.xb-publicity .takeaway-text{font-size:20px;line-height:28px}.xb-publicity .deliverables{gap:8px}.xb-publicity .deliverables li{padding:12px}.xb-publicity .participation{display:block}.xb-publicity .participation .button{width:100%;margin-top:24px}.xb-publicity .participation p:not(.eyebrow){margin-top:16px}
 .xb-publicity .brand-statement{font-size:30px;line-height:36px;gap:24px;margin-bottom:48px}.xb-publicity .about-lines{grid-template-columns:1fr;gap:24px}.xb-publicity .about-lines article{padding:24px}.xb-publicity .consult-layout{grid-template-columns:1fr;gap:0}.xb-publicity .choice-fieldset{margin-bottom:40px}.xb-publicity .choice-fieldset legend{font-size:20px;line-height:28px;margin-bottom:16px}.xb-publicity .choice-button{font-size:14px;line-height:20px;min-height:48px;padding:12px}.xb-publicity .consult-card{position:static;padding:24px}.xb-publicity textarea{min-height:200px}.xb-publicity .prose h1{font-size:36px;line-height:40px}.xb-publicity .prose p{font-size:16px;line-height:24px}
}
@media (max-width:380px){.xb-publicity :where(.wrap,.site-header){width:calc(100% - 32px)}.xb-publicity .hero h1{font-size:36px;line-height:40px}.xb-publicity .header-consult{font-size:12px;line-height:16px}.xb-publicity .brand img{width:112px}.xb-publicity [data-sandtable]{--xb-sandtable-height:540px}.xb-publicity .art-copy{font-size:24px;line-height:32px}.xb-publicity .camp-stamp{right:8px}}
@media (prefers-reduced-motion:reduce){.xb-publicity *,.xb-publicity *::before,.xb-publicity *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Merge into styles.css. Decorative diagrams; accessible titles stay on cards. */
.xb-publicity .course-diagram {
  --diagram-paper: #f1dfbc;
  --diagram-ink: #31423b;
  position: relative;
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  height: 224px;
  min-height: 192px;
  margin-block: 8px;
  isolation: isolate;
  pointer-events: none;
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.xb-publicity .course-diagram *, .xb-publicity .course-diagram *::before, .xb-publicity .course-diagram *::after { box-sizing: border-box; }
.xb-publicity .course-diagram-board, .xb-publicity .course-diagram-lines, .xb-publicity .course-argument-blocks { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; }
.xb-publicity .course-diagram-board { filter: drop-shadow(0 12px 12px #10272535); }
.xb-publicity .course-topic {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(64px, 22%, 88px);
  aspect-ratio: 1;
  border: 1px solid #ffefce;
  border-radius: 50%;
  background: var(--diagram-paper);
  color: var(--diagram-ink);
  box-shadow: 0 3px #cdb186, 0 6px #b69b74, 0 9px #74563b, 0 14px 10px #071b2a50, inset 0 0 0 5px #e2cba5;
  font-size: 20px;
  line-height: 28px;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.xb-publicity .topic-me { left: 22%; top: 39%; background: #ed6b31; border-color: #f6a670; box-shadow: 0 3px #d75b29, 0 6px #a74625, 0 9px #74503c, 0 14px 10px #071b2a50, inset 0 0 0 5px #f48348; color: #243835; }
.xb-publicity .topic-friends { left: 50%; top: 63%; transform: translate(-50%, -50%) rotate(3deg); }
.xb-publicity .topic-world { left: 78%; top: 39%; transform: translate(-50%, -50%) rotate(6deg); }
.xb-publicity .feeling-card {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47%;
  max-width: 176px;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid #ead5b0;
  border-radius: 4px;
  background: var(--diagram-paper);
  color: var(--diagram-ink);
  box-shadow: 1px 3px #c4a883, 2px 6px #1a2f2b66;
  font-size: 18px;
  line-height: 28px;
}
.xb-publicity .feeling-card i { position: absolute; inset: 8px auto 8px 8px; width: 4px; border-radius: 2px; background: #cd6840; }
.xb-publicity .feeling-shame { left: 15%; top: 18%; transform: rotate(-9deg); }
.xb-publicity .feeling-envy { left: 25%; top: 42%; transform: rotate(3deg); z-index: 1; }
.xb-publicity .feeling-envy i { background: #6d8068; }
.xb-publicity .feeling-anxiety { left: 35%; top: 65%; transform: rotate(-4deg); z-index: 2; }
.xb-publicity .feeling-anxiety i { background: #b29554; }
.xb-publicity .definition-lens {
  position: absolute;
  z-index: 3;
  left: 75%;
  top: 33%;
  display: grid;
  place-items: center;
  width: clamp(72px, 24%, 92px);
  aspect-ratio: 1;
  border: 5px solid #e5cda4;
  border-radius: 50%;
  background: #d7e5d8ed;
  color: #2b4540;
  box-shadow: 0 3px #967858, inset 0 0 0 3px #526e65, inset 4px 4px 0 2px #eff5dfb5, 0 8px 8px #10272360;
  transform: translate(-50%, -50%) rotate(16deg);
  font-size: 16px;
  line-height: 24px;
}
.xb-publicity .definition-lens::before { content: ''; position: absolute; z-index: -1; width: 16px; height: 48px; left: calc(50% - 8px); top: calc(100% + 2px); border: 1px solid #dfb57c; border-radius: 4px; background: #b27743; box-shadow: 3px 1px #745137; transform: rotate(-25deg); transform-origin: top center; }
.xb-publicity .definition-lens span { transform: rotate(-16deg); }
.xb-publicity .argument-label { position: absolute; display: grid; place-items: center; width: 37%; height: 15%; transform: translate(-50%, -50%); font-size: 18px; line-height: 28px; }
.xb-publicity .argument-opinion { left: 46.2%; top: 29.2%; color: #243835; }
.xb-publicity .argument-reason { left: 50%; top: 52.5%; color: #3a4336; }
.xb-publicity .argument-example { left: 46.2%; top: 75.8%; color: #203c35; }
.xb-publicity .annual-node {
  position: absolute;
  display: grid;
  place-items: center;
  width: clamp(40px, 12%, 56px);
  aspect-ratio: 1;
  border: 1px solid #f3e0bd;
  border-radius: 50%;
  background: var(--diagram-paper);
  color: #334a40;
  box-shadow: 0 3px #ba9c74, 0 5px #7f6346, 0 8px 8px #10272365;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}
.xb-publicity .annual-awareness { left: 15.7%; top: 36.7%; color: #243835; background: #e86a34; border-color: #f6a875; box-shadow: 0 3px #be5128, 0 5px #7f6346, 0 8px 8px #10272365; }
.xb-publicity .annual-research { left: 32.9%; top: 60.4%; }
.xb-publicity .annual-design { left: 50%; top: 36.7%; }
.xb-publicity .annual-production { left: 67.4%; top: 60.4%; }
.xb-publicity .annual-responsibility { left: 84.5%; top: 36.7%; }
.xb-publicity .annual-count { position: absolute; left: 50%; top: 82%; padding: 2px 12px; border: 1px solid #789086; border-radius: 4px; background: #254441; color: #e7d0aa; transform: translate(-50%, -50%); font-size: 14px; line-height: 20px; }
@media (max-width: 420px) {
  .xb-publicity .course-diagram { min-height: 192px; }
  .xb-publicity .course-topic { width: 68px; }
  .xb-publicity .feeling-card { min-height: 44px; padding-inline: 12px; }
  .xb-publicity .annual-node { width: 40px; }
}

/* Visual edition: one idea first, source detail on demand. */
.xb-publicity.visual-v2 h1{letter-spacing:-.04em}
.xb-publicity.visual-v2 .hero{padding-block:48px;gap:48px;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr)}
.xb-publicity.visual-v2 .hero-copy{padding-top:40px}
.xb-publicity.visual-v2 .hero h1{font-size:60px;line-height:1.1;margin-bottom:24px}
.xb-publicity.visual-v2 .hero h1 span{white-space:nowrap}
.xb-publicity.visual-v2 .hero-intro{font-size:18px;line-height:28px;margin-bottom:32px;max-width:400px}
.xb-publicity.visual-v2 .hero-question{display:flex;flex-direction:column;gap:8px;margin-top:40px;padding:24px;border:1px solid var(--edge);border-radius:16px;background:#223337;max-width:384px}
.xb-publicity.visual-v2 .hero-question>span,.xb-publicity.visual-v2 .hero-question>small{font-size:12px;line-height:16px;color:var(--muted)}
.xb-publicity.visual-v2 .hero-question strong{font-size:24px;line-height:32px;font-weight:500}
.xb-publicity.visual-v2 .hero-question>small{color:var(--accent)}
.xb-publicity.visual-v2 [data-sandtable]{--xb-sandtable-height:480px}
.xb-publicity.visual-v2 .map-heading{margin-bottom:16px}
.xb-publicity.visual-v2 .map-selection{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:16px 24px}
.xb-publicity.visual-v2 .map-selection h3{font-size:20px;line-height:28px;margin:4px 0 0}
.xb-publicity.visual-v2 .map-selection .text-link{flex-shrink:0;margin:0}
.xb-publicity.visual-v2 .map-disclaimer{text-align:center;margin-top:8px}
.xb-publicity.visual-v2 .map-tools{margin-top:12px;color:var(--muted);font-size:12px;line-height:16px}
.xb-publicity.visual-v2 .map-tools>summary{cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;gap:12px;list-style:none;border:1px solid var(--edge);border-radius:8px;background:#243538}
.xb-publicity.visual-v2 .map-tools>summary::after{content:'＋';font-size:18px;line-height:28px;color:var(--accent)}
.xb-publicity.visual-v2 .map-tools[open]>summary::after{content:'−'}
.xb-publicity.visual-v2 .map-tools .xb-sandtable__controls{margin-top:16px}
.xb-publicity.visual-v2 .map-tools .xb-sandtable__hint{margin-top:12px}
.xb-publicity.visual-v2 .family-switch{margin-bottom:32px;min-width:400px}
.xb-publicity.visual-v2 .family-button{display:flex;flex-direction:column;gap:4px;align-items:center;min-width:184px;padding:12px 24px;min-height:72px}
.xb-publicity.visual-v2 .family-button b{font-size:18px;line-height:28px;font-weight:600}
.xb-publicity.visual-v2 .family-button small{font-size:12px;line-height:16px;font-weight:400;opacity:.8}
.xb-publicity.visual-v2 .course-art{height:320px;padding:24px;justify-content:space-between}
.xb-publicity.visual-v2 .course-art .art-foot{margin-top:8px;flex-shrink:0;letter-spacing:.025em;font-size:12px;line-height:16px}
.xb-publicity.visual-v2 .course-art .art-label{flex-shrink:0}
.xb-publicity.visual-v2 .course-card-copy{padding-top:24px}
.xb-publicity.visual-v2 .course-card h3{margin:0 0 8px;font-size:20px;line-height:28px}
.xb-publicity.visual-v2 .course-card-copy>.course-question{font-size:18px;line-height:28px;color:var(--paper-muted)}
.xb-publicity.visual-v2 .course-card .text-link{margin-top:8px}
.xb-publicity.visual-v2 .single-course .course-card-copy>.course-question{color:var(--muted);font-size:24px;line-height:32px;margin-top:16px}
.xb-publicity.visual-v2 .paper .single-course .course-card-copy>.course-question{color:var(--paper-muted)}
.xb-publicity.visual-v2 .single-course .course-art{height:320px}
.xb-publicity.visual-v2 .single-course .course-card h3{font-size:30px;line-height:36px}
.xb-publicity.visual-v2 .two-courses .course-question{color:var(--muted)}
.xb-publicity.visual-v2 .read-more{border:1px solid var(--edge);border-radius:8px;margin-top:24px;font-size:14px;line-height:20px}
.xb-publicity.visual-v2 .paper .read-more{border-color:#c6cebc;background:#faf7ee}
.xb-publicity.visual-v2 .read-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 16px;cursor:pointer;list-style:none;font-size:14px;line-height:20px;color:var(--muted);touch-action:manipulation}
.xb-publicity.visual-v2 .read-more>summary>span{font-size:20px;line-height:28px;color:var(--accent)}
.xb-publicity.visual-v2 .paper .read-more>summary>span{color:#9e3a16}
.xb-publicity.visual-v2 .read-more[open]>summary>span{transform:rotate(45deg)}
.xb-publicity.visual-v2 .read-more-content{padding:0 16px 24px;color:var(--muted)}
.xb-publicity.visual-v2 .read-more-content>p+p{margin-top:16px}
.xb-publicity.visual-v2 .read-more-content>h3{font-size:18px;line-height:28px;margin:24px 0 8px}
.xb-publicity.visual-v2 .read-more-content .three-columns{margin-top:32px}
.xb-publicity.visual-v2 .compact-faq{padding-block:32px}
.xb-publicity.visual-v2 .faq-drawer{margin:0;border-radius:16px}
.xb-publicity.visual-v2 .faq-drawer>summary{font-size:20px;line-height:28px;padding:24px;min-height:80px;color:#2c4141;font-weight:600}
.xb-publicity.visual-v2 .faq-drawer>.read-more-content{padding:0 24px 16px}
.xb-publicity.visual-v2 .visual-flow{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:24px;margin:0;padding:0}
.xb-publicity.visual-v2 .visual-flow li{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:12px;min-width:0;text-align:center}
.xb-publicity.visual-v2 .flow-node{display:grid;place-items:center;width:64px;height:64px;border:1px solid #607168;border-radius:50%;background:#334942;box-shadow:0 4px #152c2c;color:#ebdcc2;font-size:20px;line-height:28px;font-variant-numeric:tabular-nums}
.xb-publicity.visual-v2 .visual-flow strong{font-size:16px;line-height:24px;font-weight:500;color:var(--ink)}
.xb-publicity.visual-v2 .flow-arrow{position:absolute;right:-24px;top:20px;color:#b1b49d;font-size:20px;line-height:28px}
.xb-publicity.visual-v2 .hero-flow{max-width:336px;margin-top:40px;gap:32px}
.xb-publicity.visual-v2 .hero-flow .flow-node{width:40px;height:40px;font-size:14px;line-height:20px;background:#2b3c3c;box-shadow:0 3px #12282a}
.xb-publicity.visual-v2 .hero-flow li{align-items:start;text-align:left;gap:8px}
.xb-publicity.visual-v2 .hero-flow .flow-arrow{top:8px;right:-12px}
.xb-publicity.visual-v2 .camp-art{height:280px}
.xb-publicity.visual-v2 .paper-front .camp-day-number{display:flex;align-items:baseline;gap:8px;font-size:96px;line-height:1;letter-spacing:-.06em;font-weight:500;margin-top:16px}
.xb-publicity.visual-v2 .camp-day-number small{font-size:20px;line-height:28px;letter-spacing:0}
.xb-publicity.visual-v2 .camp-preview-flow{margin-top:24px;gap:32px;max-width:400px}
.xb-publicity.visual-v2 .camp-preview-flow .flow-node{width:40px;height:40px;font-size:14px;line-height:20px}
.xb-publicity.visual-v2 .camp-preview-flow .flow-arrow{top:8px;right:-24px}
.xb-publicity.visual-v2 .camp-card-copy{padding:24px 32px}
.xb-publicity.visual-v2 .camp-card-copy>.text-link{margin-top:24px}
.xb-publicity.visual-v2 .meaning-note{grid-template-columns:auto 1fr auto;margin-top:24px;min-height:88px}
.xb-publicity.visual-v2 .meaning-note>.text-link{grid-column:auto;grid-row:auto}
.xb-publicity.visual-v2 .philosophy{padding-block:64px;gap:24px 48px}
.xb-publicity.visual-v2 .philosophy h2{font-size:36px;line-height:40px}
.xb-publicity.visual-v2 .philosophy h2 span{color:var(--accent)}
.xb-publicity.visual-v2 .philosophy .second-tagline{color:var(--ink)}
.xb-publicity.visual-v2 .page-head{padding-block:48px}
.xb-publicity.visual-v2 .page-head h1{margin:0}
.xb-publicity.visual-v2 .page-head>p:not(.eyebrow){margin-top:16px;font-size:16px;line-height:24px}
.xb-publicity.visual-v2 .keyword-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.xb-publicity.visual-v2 .keyword-row>span{padding:8px 12px;border:1px solid var(--edge);border-radius:8px;background:#283b3c;color:var(--muted);font-size:14px;line-height:20px}
.xb-publicity.visual-v2 .detail-hero>.detail-course-visual{min-height:280px;border:1px solid var(--edge);border-radius:16px;padding:24px;text-align:center;display:flex;flex-direction:column}
.xb-publicity.visual-v2 .detail-course-visual .course-diagram{height:240px;flex:0 0 240px;margin:0}
.xb-publicity.visual-v2 .detail-course-visual>p{font-size:14px;line-height:20px;color:#ebe2ca;margin-top:16px}
.xb-publicity.visual-v2 .detail-hero .read-more{max-width:480px}
.xb-publicity.visual-v2 .stage-switch{margin-bottom:24px}
.xb-publicity.visual-v2 .stage-task{display:flex;align-items:center;gap:16px;padding:16px 24px;border:1px solid #c6cebc;border-radius:8px;background:#e7ebde;margin:0 0 24px}
.xb-publicity.visual-v2 .stage-task span{font-size:12px;line-height:16px;color:#69725f;flex-shrink:0}
.xb-publicity.visual-v2 .stage-task strong{font-size:18px;line-height:28px;font-weight:500}
.xb-publicity.visual-v2 .lesson-list{max-height:560px}
.xb-publicity.visual-v2 .lesson-detail h3{font-size:24px;line-height:32px;margin-bottom:24px}
.xb-publicity.visual-v2 .practice-spotlight,.xb-publicity.visual-v2 .lesson-excerpt{padding:24px;border:1px solid #d6c6a7;border-radius:8px;background:#f0e5ce;color:#394d40}
.xb-publicity.visual-v2 .practice-spotlight>span,.xb-publicity.visual-v2 .lesson-excerpt>span{font-size:12px;line-height:16px;color:#846947}
.xb-publicity.visual-v2 .practice-spotlight>p,.xb-publicity.visual-v2 .lesson-excerpt>p{font-size:18px;line-height:28px;margin-top:12px}
.xb-publicity.visual-v2 .lesson-detail .read-more{margin-top:16px}
.xb-publicity.visual-v2 .lesson-detail .button{margin-top:24px;min-width:0;width:100%}
.xb-publicity.visual-v2 .lesson-field{margin-top:16px}
.xb-publicity.visual-v2 .lesson-field p:not(.eyebrow){font-size:16px;line-height:24px}
.xb-publicity.visual-v2 .outcome-grid{padding-block:16px}
.xb-publicity.visual-v2 .outcome-grid h3{margin-bottom:0}
.xb-publicity.visual-v2 .camp-goal{font-size:18px;line-height:28px;color:var(--muted);margin-bottom:24px}
.xb-publicity.visual-v2 .camp-detail-hero .paper-front .camp-day-number{font-size:96px;line-height:1}
.xb-publicity.visual-v2 .camp-day-layout{display:block}
.xb-publicity.visual-v2 .day-tabs{display:grid;grid-template-columns:repeat(var(--day-count,3),minmax(0,1fr));gap:12px;margin-bottom:24px}
.xb-publicity.visual-v2 .day-button{flex-direction:column;align-items:start;justify-content:center;gap:8px;min-height:96px}
.xb-publicity.visual-v2 .day-content{min-height:0;padding:32px}
.xb-publicity.visual-v2 .day-content h3{font-size:30px;line-height:36px;margin-bottom:32px}
.xb-publicity.visual-v2 .activity-flow{width:100%;max-width:720px;margin-inline:auto;padding-block:16px 32px;align-items:flex-start}
.xb-publicity.visual-v2 .paper .visual-flow strong{color:#344d3e}
.xb-publicity.visual-v2 .paper .flow-node{background:#d9dfcd;border-color:#b0bda2;color:#41523e;box-shadow:0 4px #a9b493}
.xb-publicity.visual-v2 .paper .flow-arrow{color:#8d947c}
.xb-publicity.visual-v2 .day-content .day-output{margin-top:16px;padding:16px;display:flex;flex-direction:row;gap:24px;align-items:center}
.xb-publicity.visual-v2 .day-content .day-output strong{font-size:18px;line-height:28px}
.xb-publicity.visual-v2 .day-content .day-output span{flex-shrink:0}
.xb-publicity.visual-v2 .camp-takeaways{align-items:center;padding-block:48px}
.xb-publicity.visual-v2 .camp-takeaways h2{font-size:30px;line-height:36px;margin:0}
.xb-publicity.visual-v2 .participation p:not(.eyebrow){margin-top:16px;font-size:14px;line-height:20px}
.xb-publicity.visual-v2 .about-flow{max-width:800px;margin-inline:auto}
.xb-publicity.visual-v2 .consult-layout{grid-template-columns:1.05fr 1fr}
.xb-publicity.visual-v2 .consult-instructions{margin-bottom:32px}
.xb-publicity.visual-v2 .consult-instructions .flow-node{width:40px;height:40px;font-size:14px;line-height:20px}
.xb-publicity.visual-v2 .consult-instructions .visual-flow{gap:24px}
.xb-publicity.visual-v2 .consult-instructions .visual-flow strong{font-size:14px;line-height:20px;color:var(--ink)}
.xb-publicity.visual-v2 .consult-instructions .flow-arrow{top:8px;right:-20px}
.xb-publicity.visual-v2 .consult-card .wechat-contact{margin-top:0;margin-bottom:16px}
.xb-publicity.visual-v2 .consult-card .read-more{background:transparent;color:var(--ink);border-color:#6a7a67}
.xb-publicity.visual-v2 .consult-card .read-more>summary{color:var(--muted)}
.xb-publicity.visual-v2 .consult-card .read-more>summary>span{color:var(--accent)}
.xb-publicity.visual-v2 .consult-card textarea{color:#f5eee1;min-height:168px}
.xb-publicity.visual-v2 .choice-fieldset{margin-bottom:24px}
.xb-publicity.visual-v2 .choice-fieldset legend{font-size:20px;line-height:28px}
.xb-publicity.visual-v2 .read-more .choice-fieldset{margin:16px 0 0}
@media (hover:hover) and (pointer:fine){.xb-publicity.visual-v2 .read-more>summary:hover{background:#ffffff08}.xb-publicity.visual-v2 .paper .read-more>summary:hover{background:#e9ebdd}}
@media(max-width:1100px){.xb-publicity.visual-v2 .hero{gap:32px}.xb-publicity.visual-v2 .hero h1{font-size:48px;line-height:1.1}.xb-publicity.visual-v2 .course-art{padding:16px;height:304px}.xb-publicity.visual-v2 .hero-question{padding:16px;margin-top:32px}.xb-publicity.visual-v2 .hero-question strong{font-size:20px;line-height:28px}.xb-publicity.visual-v2 .camp-card-copy{padding:24px}.xb-publicity.visual-v2 .detail-hero{gap:32px}}
@media(max-width:960px){.xb-publicity.visual-v2 .hero h1{font-size:36px;line-height:40px}.xb-publicity.visual-v2 .hero-intro{font-size:16px;line-height:24px}.xb-publicity.visual-v2 .hero-copy{padding-top:32px}.xb-publicity.visual-v2 [data-sandtable]{--xb-sandtable-height:480px}.xb-publicity.visual-v2 .meaning-note{grid-template-columns:1fr auto}.xb-publicity.visual-v2 .meaning-note>.tiny-tag{grid-column:1/-1;justify-self:start}.xb-publicity.visual-v2 .detail-hero h1{font-size:36px;line-height:40px}}
@media(max-width:760px){
 .xb-publicity.visual-v2 .section{padding-block:40px}.xb-publicity.visual-v2 .hero{grid-template-columns:1fr;gap:40px;padding-block:32px 40px}.xb-publicity.visual-v2 .hero-copy{padding:0}.xb-publicity.visual-v2 .hero h1{font-size:48px;line-height:1.1;max-width:400px}.xb-publicity.visual-v2 .hero-intro{font-size:16px;line-height:24px;margin-bottom:24px}.xb-publicity.visual-v2 .hero-flow{margin-top:32px;max-width:304px}.xb-publicity.visual-v2 .hero-question{display:none}.xb-publicity.visual-v2 .hero .button-primary{min-width:208px}.xb-publicity.visual-v2 [data-sandtable]{--xb-sandtable-height:520px}.xb-publicity.visual-v2 .map-heading h2{font-size:20px;line-height:28px}.xb-publicity.visual-v2 .map-selection{padding:16px;gap:12px}.xb-publicity.visual-v2 .map-selection h3{font-size:18px;line-height:28px}.xb-publicity.visual-v2 .map-selection .text-link{font-size:14px;line-height:20px;gap:8px}.xb-publicity.visual-v2 .map-disclaimer{font-size:12px;line-height:16px;text-align:left}.xb-publicity.visual-v2 .section-heading{margin-bottom:24px}
 .xb-publicity.visual-v2 .family-switch{min-width:0;max-width:100%;margin-bottom:24px}.xb-publicity.visual-v2 .family-button{min-width:0;min-height:72px;padding:12px;flex:1}.xb-publicity.visual-v2 .family-button b{font-size:18px;line-height:28px}.xb-publicity.visual-v2 .course-grid{gap:32px}.xb-publicity.visual-v2 .course-art,.xb-publicity.visual-v2 .single-course .course-art{height:320px;padding:24px}.xb-publicity.visual-v2 .course-card-copy{padding-top:16px}.xb-publicity.visual-v2 .course-card h3,.xb-publicity.visual-v2 .single-course .course-card h3{font-size:20px;line-height:28px;margin-bottom:8px}.xb-publicity.visual-v2 .course-card-copy>.course-question,.xb-publicity.visual-v2 .single-course .course-card-copy>.course-question{font-size:18px;line-height:28px;margin-top:0}.xb-publicity.visual-v2 .course-card .text-link{margin-top:4px}
 .xb-publicity.visual-v2 .camp-art{height:256px}.xb-publicity.visual-v2 .camp-paper{height:224px;top:16px}.xb-publicity.visual-v2 .camp-card-copy{padding:24px}.xb-publicity.visual-v2 .camp-preview-flow{margin-top:24px;gap:24px}.xb-publicity.visual-v2 .camp-preview-flow .flow-arrow{right:-16px}.xb-publicity.visual-v2 .camp-card-copy>.text-link{margin-top:24px}.xb-publicity.visual-v2 .meaning-note{padding:24px;grid-template-columns:1fr;gap:8px}.xb-publicity.visual-v2 .meaning-note h3{font-size:20px;line-height:28px}.xb-publicity.visual-v2 .meaning-note>.text-link{justify-self:start;grid-column:1}.xb-publicity.visual-v2 .philosophy{padding-block:48px;gap:24px}.xb-publicity.visual-v2 .philosophy h2{font-size:30px;line-height:36px}.xb-publicity.visual-v2 .philosophy h2.second-tagline{margin-top:8px}.xb-publicity.visual-v2 .compact-faq{padding-block:24px}.xb-publicity.visual-v2 .faq-drawer>summary{font-size:18px;line-height:28px;min-height:64px;padding:16px}.xb-publicity.visual-v2 .faq-drawer>.read-more-content{padding-inline:12px}
 .xb-publicity.visual-v2 .page-head{padding-block:32px}.xb-publicity.visual-v2 .detail-hero{padding-block:24px 40px;gap:24px}.xb-publicity.visual-v2 .detail-hero h1{font-size:30px;line-height:36px;margin-bottom:24px}.xb-publicity.visual-v2 .keyword-row{margin-block:16px 24px}.xb-publicity.visual-v2 .detail-hero .read-more{max-width:none}.xb-publicity.visual-v2 .detail-hero>.detail-course-visual{padding:16px;min-height:0}.xb-publicity.visual-v2 .detail-course-visual .course-diagram{height:224px;flex-basis:224px}.xb-publicity.visual-v2 .detail-course-visual>p{margin-top:8px}.xb-publicity.visual-v2 .stage-task{padding:12px 16px;gap:12px}.xb-publicity.visual-v2 .stage-task strong{font-size:16px;line-height:24px}.xb-publicity.visual-v2 .stage-button{min-height:72px}.xb-publicity.visual-v2 .lesson-list{max-height:320px}.xb-publicity.visual-v2 .lesson-detail-inner{padding:24px}.xb-publicity.visual-v2 .practice-spotlight,.xb-publicity.visual-v2 .lesson-excerpt{padding:16px}.xb-publicity.visual-v2 .practice-spotlight>p,.xb-publicity.visual-v2 .lesson-excerpt>p{font-size:16px;line-height:24px;margin-top:8px}.xb-publicity.visual-v2 .outcome-grid{gap:32px 24px}
 .xb-publicity.visual-v2 .camp-detail-hero .camp-art{height:280px}.xb-publicity.visual-v2 .camp-detail-hero .camp-paper{height:224px;top:24px}.xb-publicity.visual-v2 .day-tabs{grid-template-columns:repeat(var(--day-count,3),minmax(128px,1fr));overflow-x:auto;gap:8px;padding:4px;margin-inline:-4px;scroll-snap-type:x proximity;scrollbar-width:thin}.xb-publicity.visual-v2 .day-button{min-width:0;min-height:88px;padding:12px;scroll-snap-align:start;flex:none;gap:8px}.xb-publicity.visual-v2 .day-content{padding:24px}.xb-publicity.visual-v2 .day-content h3{font-size:24px;line-height:32px;margin-bottom:24px}.xb-publicity.visual-v2 .visual-flow{gap:24px}.xb-publicity.visual-v2 .flow-node{width:48px;height:48px;font-size:18px;line-height:28px}.xb-publicity.visual-v2 .visual-flow strong{font-size:14px;line-height:20px}.xb-publicity.visual-v2 .flow-arrow{top:12px;right:-20px}.xb-publicity.visual-v2 .activity-flow{padding-block:8px 24px}.xb-publicity.visual-v2 .day-content .day-output{flex-direction:column;align-items:start;gap:8px;padding:16px;margin-top:8px}.xb-publicity.visual-v2 .day-content .day-output strong{font-size:16px;line-height:24px}.xb-publicity.visual-v2 .camp-takeaways{padding-block:40px;gap:24px}.xb-publicity.visual-v2 .camp-takeaways h2{font-size:24px;line-height:32px}
 .xb-publicity.visual-v2 .consult-layout{grid-template-columns:1fr;gap:24px}.xb-publicity.visual-v2 .consult-instructions .visual-flow{gap:16px}.xb-publicity.visual-v2 .consult-instructions .flow-arrow{right:-16px;top:8px}.xb-publicity.visual-v2 .consult-instructions .flow-node,.xb-publicity.visual-v2 .hero-flow .flow-node{width:40px;height:40px;font-size:14px;line-height:20px}.xb-publicity.visual-v2 .consult-card .read-more{margin-top:16px}.xb-publicity.visual-v2 .consult-card .button{margin-top:8px}.xb-publicity.visual-v2 .brand-statement{font-size:24px;line-height:32px;gap:16px;margin-bottom:40px}.xb-publicity.visual-v2 .about-flow{gap:24px}.xb-publicity.visual-v2 .hero-flow .flow-arrow{top:8px;right:-12px}
}
@media(max-width:380px){.xb-publicity.visual-v2 .hero h1{font-size:36px;line-height:40px}.xb-publicity.visual-v2 .family-button b{font-size:16px;line-height:24px}.xb-publicity.visual-v2 .map-selection{padding:12px}.xb-publicity.visual-v2 .read-more-content{padding-inline:12px}.xb-publicity.visual-v2 .course-art{padding:16px}.xb-publicity.visual-v2 .activity-flow{gap:16px}.xb-publicity.visual-v2 .activity-flow .flow-arrow{right:-16px}}

/* New Knowledge orange, warm paper and tactile green. Content stays still while read. */
.xb-publicity.visual-v2 {
  --ink:#fff4e5;
  --muted:#c2cbc3;
  --surface:#2b4141;
  --edge:#526760;
  --accent:#ffb17a;
  --paper:#f7f2e8;
  --paper-ink:#263d38;
  --paper-muted:#53665c;
  --paper-raised:#fffbf3;
  --orange-ink:#a33a15;
  --ease:cubic-bezier(.23,1,.32,1);
}
html {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
.xb-publicity.visual-v2 :where(h1,h2,h3) {text-wrap:balance}
.xb-publicity.visual-v2 .headline-accent {color:var(--accent)}
.xb-publicity.visual-v2 :where(button,a,summary) {touch-action:manipulation}
.xb-publicity.visual-v2 summary {-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.xb-publicity.visual-v2 :focus-visible {outline:3px solid var(--accent);outline-offset:4px}
.xb-publicity.visual-v2 .paper :focus-visible {outline-color:var(--orange-ink)}
.xb-publicity.visual-v2 .course-card :focus-visible,.xb-publicity.visual-v2 .camp-card :focus-visible {outline-color:var(--orange-ink)}
.xb-publicity.visual-v2 .consult-card :focus-visible {outline-color:var(--accent)}
.xb-publicity.visual-v2 .site-header {border-color:#4c615b}
.xb-publicity.visual-v2 .desktop-nav {padding:4px;gap:4px;border:1px solid #455d57;border-radius:16px;background:#243b3b}
.xb-publicity.visual-v2 .desktop-nav button {transition:background-color 160ms var(--ease),color 160ms var(--ease),transform 160ms var(--ease)}
.xb-publicity.visual-v2 .desktop-nav [aria-current=page] {background:var(--orange);color:#102021;box-shadow:inset 0 1px #ffd9ae80}
.xb-publicity.visual-v2 .header-consult {border-color:#8f7861;color:var(--accent);background:#293c3a;box-shadow:inset 0 1px #f4dab312}
.xb-publicity.visual-v2 .button {border-radius:12px;transition:transform 160ms var(--ease),background-color 160ms var(--ease),border-color 160ms var(--ease)}
.xb-publicity.visual-v2 .button-primary {color:#102021;box-shadow:inset 0 1px #ffcf9c,0 4px 0 #9e3d20,0 8px 16px #0a191d26}
.xb-publicity.visual-v2 .button-primary:active {transform:translateY(2px) scale(.98)}
.xb-publicity.visual-v2 .text-link {transition:color 160ms var(--ease),transform 160ms var(--ease)}
.xb-publicity.visual-v2 .text-link>span {transition:transform 160ms var(--ease)}
.xb-publicity.visual-v2 .paper .text-link {color:var(--orange-ink)}
.xb-publicity.visual-v2 .hero-question {border-color:#52675e;background:#273e3b;box-shadow:inset 0 1px #edddba14,0 12px 24px #101d2126}
.xb-publicity.visual-v2 .map-selection {background:#29413d;border-color:#556c5e;box-shadow:inset 0 1px #ead9ba12}
.xb-publicity.visual-v2 .map-selection .meta {color:#c3d0bf}
.xb-publicity.visual-v2 .map-tools>summary {background:#29403e;border-color:#50665d;color:#d9dfce}
.xb-publicity.visual-v2 .xb-sandtable__viewport {background:#203739;border-color:#62756a;box-shadow:inset 0 1px 2px #f4ddb63d,inset 0 -24px 48px #10252a80,0 16px 32px #0c191c33}
.xb-publicity.visual-v2 .xb-sandtable__label[aria-pressed=true] strong {background:#bb4218;color:#fff6e9;border-color:#ffa46a}
.xb-publicity.visual-v2 .family-switch {background:#e5e6da;border-color:#c8cdbd;box-shadow:inset 0 2px 4px #4c5c4610}
.xb-publicity.visual-v2 .family-button {transition:background-color 160ms var(--ease),color 160ms var(--ease),transform 160ms var(--ease)}
.xb-publicity.visual-v2 .family-button small {opacity:1;color:#536258}
.xb-publicity.visual-v2 .family-button[aria-pressed=true] {background:var(--orange);color:#102021;border-color:#d84a1b;box-shadow:0 2px 0 #a44d2a,inset 0 1px #ffd5a8}
.xb-publicity.visual-v2 .family-button[aria-pressed=true] small {color:#102021}
.xb-publicity.visual-v2 .course-grid {gap:24px;align-items:stretch}
.xb-publicity.visual-v2 .course-card {display:flex;flex-direction:column;padding:12px;border:1px solid #d3d8c9;border-radius:24px;background:var(--paper-raised);color:var(--paper-ink);box-shadow:0 4px 0 #dee1d3,0 12px 24px #243b3210;min-width:0}
.xb-publicity.visual-v2 .course-card .course-art {height:304px;padding:16px;border-radius:12px;border-color:#90a28a;box-shadow:inset 0 1px #f6d9ad33}
.xb-publicity.visual-v2 .art-l1 {background:#315152}
.xb-publicity.visual-v2 .art-l2 {background:#786454}
.xb-publicity.visual-v2 .art-debate {background:#b04c2a}
.xb-publicity.visual-v2 .art-humanities {background:#2c5045}
.xb-publicity.visual-v2 .course-art .art-label,.xb-publicity.visual-v2 .course-art .art-foot {color:#fff4df}
.xb-publicity.visual-v2 .course-art .course-diagram {transform-origin:50% 70%;transition:transform 250ms var(--ease)}
.xb-publicity.visual-v2 .course-card-copy {padding:24px 12px 12px;display:flex;align-items:start;flex-direction:column;flex:1}
.xb-publicity.visual-v2 .course-card-copy>.course-question,.xb-publicity.visual-v2 .two-courses .course-question {color:var(--paper-muted)}
.xb-publicity.visual-v2 .course-card-copy>.text-link {color:var(--orange-ink);margin-top:auto;padding-top:16px}
.xb-publicity.visual-v2 .single-course .course-card {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:12px}
.xb-publicity.visual-v2 .single-course .course-art {height:320px}
.xb-publicity.visual-v2 .single-course .course-card-copy {padding:24px;gap:16px}
.xb-publicity.visual-v2 .single-course .course-card-copy>.course-question {color:var(--paper-muted);margin:0}
.xb-publicity.visual-v2 .single-course .course-card-copy>.text-link {padding-top:8px}
.xb-publicity.visual-v2 .detail-course-visual {box-shadow:inset 0 1px #f3dfbd20,0 12px 24px #0d20212b}
.xb-publicity.visual-v2 .camp-section {background:#263e3e}
.xb-publicity.visual-v2 .camp-card {padding:12px;background:var(--paper-raised);color:var(--paper-ink);border:1px solid #879985;border-radius:24px;box-shadow:inset 0 1px #fff7e2,0 4px 0 #122e2d,0 16px 32px #0c222733}
.xb-publicity.visual-v2 .camp-card>.camp-art {border:1px solid #a8baa0;border-radius:12px}
.xb-publicity.visual-v2 .camp-art {background:#91aa98;box-shadow:inset 0 1px #f3eedc33}
.xb-publicity.visual-v2 .camp-art-summer {background:#c6653d}
.xb-publicity.visual-v2 .camp-paper {background:#f1e2be;border-color:#e3cf9f;box-shadow:0 2px 0 #bda479,8px 16px 24px #18392d4d;transform-origin:50% 80%;transition:transform 250ms var(--ease)}
.xb-publicity.visual-v2 .paper-back {background:#d98756;border-color:#bb7048}
.xb-publicity.visual-v2 .camp-art-summer .paper-front {background:#f3e5c4}
.xb-publicity.visual-v2 .camp-art-summer .paper-back {background:#7f9b87;border-color:#527562}
.xb-publicity.visual-v2 .paper-front>span {font-weight:600}
.xb-publicity.visual-v2 .paper-front .camp-day-number {color:#203d35}
.xb-publicity.visual-v2 .camp-stamp {background:#f6bd8b;color:#51341e;border-color:#b37a4d;box-shadow:0 2px 0 #9a683e,0 8px 12px #173d3033;transition:transform 250ms var(--ease)}
.xb-publicity.visual-v2 .camp-card-copy {padding:24px 16px 12px}
.xb-publicity.visual-v2 .camp-card .meta {color:#52675a}
.xb-publicity.visual-v2 .camp-card .text-link {color:var(--orange-ink)}
.xb-publicity.visual-v2 .camp-card .camp-preview-flow {max-width:none}
.xb-publicity.visual-v2 .camp-card .flow-node {background:#e2e8d5;border-color:#a7b999;box-shadow:0 3px #a3b391,inset 0 1px #fffbec;color:#35513e}
.xb-publicity.visual-v2 .camp-card .visual-flow strong {color:#2c4539}
.xb-publicity.visual-v2 .camp-card .flow-arrow {color:#7a8870}
.xb-publicity.visual-v2 .meaning-note {border-color:#657b65;background:#304c42;box-shadow:inset 0 1px #eadfbe17}
.xb-publicity.visual-v2 .read-more {background:#253d3b;border-color:#566e61;border-radius:12px;overflow:hidden}
.xb-publicity.visual-v2 .read-more>summary {color:#d4ddce;min-height:56px;transition:background-color 160ms var(--ease),color 160ms var(--ease)}
.xb-publicity.visual-v2 .read-more>summary>span {transition:transform 160ms var(--ease)}
.xb-publicity.visual-v2 .read-more[open]>summary {color:var(--ink);background:#314a41}
.xb-publicity.visual-v2 .paper .read-more {background:#fffaf0;border-color:#c8d0bb}
.xb-publicity.visual-v2 .paper .read-more>summary {color:#435b49}
.xb-publicity.visual-v2 .paper .read-more[open]>summary {background:#e8eddd;color:#2b4133}
.xb-publicity.visual-v2 .paper .read-more>summary>span {color:var(--orange-ink)}
.xb-publicity.visual-v2 .paper .read-more-content {color:#465d4c}
.xb-publicity.visual-v2 .faq-item summary {min-height:56px}
.xb-publicity.visual-v2 .stage-button,.xb-publicity.visual-v2 .day-button,.xb-publicity.visual-v2 .lesson-button,.xb-publicity.visual-v2 .choice-button {transition:transform 160ms var(--ease),background-color 160ms var(--ease),border-color 160ms var(--ease)}
.xb-publicity.visual-v2 .stage-button small,.xb-publicity.visual-v2 .lesson-button small,.xb-publicity.visual-v2 .day-button>span {opacity:1;color:#4d6554}
.xb-publicity.visual-v2 .stage-button[aria-pressed=true],.xb-publicity.visual-v2 .lesson-button[aria-pressed=true],.xb-publicity.visual-v2 .day-button[aria-pressed=true],.xb-publicity.visual-v2 .choice-button[aria-pressed=true] {background:#ffead5;border-color:#c95524;color:#733518;box-shadow:inset 0 0 0 1px #c9552440}
.xb-publicity.visual-v2 .stage-button[aria-pressed=true] small,.xb-publicity.visual-v2 .lesson-button[aria-pressed=true] small {color:#91411f}
.xb-publicity.visual-v2 .day-button>span {padding:4px 8px;background:#e1e6d6;border:1px solid #becab0;border-radius:4px}
.xb-publicity.visual-v2 .day-button[aria-pressed=true]>span {background:var(--orange);border-color:#d54d1d;color:#102021}
.xb-publicity.visual-v2 .lesson-list {overscroll-behavior-y:auto;scrollbar-color:#7f9574 #e6eadc}
.xb-publicity.visual-v2 .lesson-detail,.xb-publicity.visual-v2 .day-content {border-color:#c2ceb5;background:var(--paper-raised);box-shadow:0 4px 0 #d9dfcc}
.xb-publicity.visual-v2 .lesson-excerpt,.xb-publicity.visual-v2 .practice-spotlight {background:#f1e5c9;border-color:#d3be91;color:#354c39}
.xb-publicity.visual-v2 .lesson-excerpt>span,.xb-publicity.visual-v2 .practice-spotlight>span {color:#705932}
.xb-publicity.visual-v2 .activity-flow .flow-node {border-color:#96ab86;background:#dce5ca;color:#344e36;box-shadow:0 4px #99ac80,inset 0 1px #fffde8}
.xb-publicity.visual-v2 .day-output {border-color:#c3d0af;background:#e9efdc}
.xb-publicity.visual-v2 .day-output>span {color:#526344}
.xb-publicity.visual-v2 .consult-card {background:#294439;border-color:#829572;box-shadow:inset 0 1px #e8e3bd1a,0 16px 32px #1027242b}
.xb-publicity.visual-v2 .consult-card .read-more {background:#243b32;border-color:#7a9170;color:var(--ink)}
.xb-publicity.visual-v2 .consult-card .read-more>summary {background:transparent;color:#d4dfca}
.xb-publicity.visual-v2 .consult-card .read-more[open]>summary {background:#34513e;color:var(--ink)}
.xb-publicity.visual-v2 .consult-card .read-more>summary>span,.xb-publicity.visual-v2 .consult-card .text-link {color:var(--accent)}
.xb-publicity.visual-v2 .consult-card .read-more-content {color:#d4dfca}
.xb-publicity.visual-v2 .topic-me,.xb-publicity.visual-v2 .annual-awareness,.xb-publicity.visual-v2 .argument-opinion {color:#102021}
.xb-publicity.visual-v2 .consult-card textarea {font-size:16px;line-height:24px}
.xb-publicity.visual-v2 .footer-bottom {color:#b4c4b4}
.xb-publicity.visual-v2 .footer-bottom :where(a,button) {min-height:44px;display:inline-flex;align-items:center}
@media (hover:hover) and (pointer:fine) {
 .xb-publicity.visual-v2 .desktop-nav button:not([aria-current=page]):hover {background:#365049;color:#fff4e5}
 .xb-publicity.visual-v2 .button-primary:hover {background:#ff7438;border-color:#ff7438}
 .xb-publicity.visual-v2 .course-card .text-link:hover,.xb-publicity.visual-v2 .camp-card .text-link:hover,.xb-publicity.visual-v2 .paper .text-link:hover {color:#6f260d}
 .xb-publicity.visual-v2 .text-link:hover>span {transform:translateX(4px)}
 .xb-publicity.visual-v2 .read-more>summary:hover {background:#355044}
 .xb-publicity.visual-v2 .paper .read-more>summary:hover {background:#e9eddd}
 .xb-publicity.visual-v2 .family-button:not([aria-pressed=true]):hover {background:#f4eddd}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
 .xb-publicity.visual-v2 .course-card {transition:transform 250ms var(--ease)}
 .xb-publicity.visual-v2 .course-card:has(.course-art:hover) {transform:translateY(-4px)}
 .xb-publicity.visual-v2 .course-art:hover .course-diagram {transform:perspective(800px) rotateX(5deg) rotateY(-4deg) translateY(-4px)}
 .xb-publicity.visual-v2 .camp-card:has(.text-link:hover) .paper-front,.xb-publicity.visual-v2 .camp-card:has(.camp-art:hover) .paper-front {transform:translateY(-8px) rotate(-5deg) rotateX(8deg)}
 .xb-publicity.visual-v2 .camp-card:has(.text-link:hover) .paper-back,.xb-publicity.visual-v2 .camp-card:has(.camp-art:hover) .paper-back {transform:translate(24px,4px) rotate(11deg) rotateX(8deg)}
 .xb-publicity.visual-v2 .camp-card:has(.camp-art:hover) .camp-stamp {transform:translateY(-4px) rotate(4deg)}
}
@media (max-width:1100px) {
 .xb-publicity.visual-v2 .site-header {gap:24px}
 .xb-publicity.visual-v2 .desktop-nav {gap:0}
 .xb-publicity.visual-v2 .desktop-nav button {padding:8px 12px}
 .xb-publicity.visual-v2 .course-card .course-art {padding:12px;height:280px}
 .xb-publicity.visual-v2 .course-card-copy {padding:24px 8px 8px}
 .xb-publicity.visual-v2 .course-card h3 {font-size:18px;line-height:28px}
 .xb-publicity.visual-v2 .course-card-copy>.course-question {font-size:16px;line-height:24px}
}
@media (max-width:760px) {
 .xb-publicity.visual-v2 .site-header {gap:12px}
 .xb-publicity.visual-v2 .course-grid {gap:24px}
 .xb-publicity.visual-v2 .course-card .course-art {height:320px;padding:24px}
 .xb-publicity.visual-v2 .course-card-copy {padding:24px 12px 12px}
 .xb-publicity.visual-v2 .course-card h3 {font-size:20px;line-height:28px}
 .xb-publicity.visual-v2 .course-card-copy>.course-question {font-size:16px;line-height:24px}
 .xb-publicity.visual-v2 .single-course .course-card {grid-template-columns:1fr;gap:0}
 .xb-publicity.visual-v2 .single-course .course-card-copy {padding:24px 12px 12px}
 .xb-publicity.visual-v2 .single-course .course-card h3 {font-size:24px;line-height:32px}
 .xb-publicity.visual-v2 .single-course .course-card-copy>.course-question {font-size:18px;line-height:28px}
 .xb-publicity.visual-v2 .camp-card-copy {padding:24px 12px 12px}
 .xb-publicity.visual-v2 .camp-card .camp-art {height:256px}
 .xb-publicity.visual-v2 .read-more>summary {min-height:56px}
 .xb-publicity.visual-v2 .day-tabs,.xb-publicity.visual-v2 .stage-switch {scroll-padding-inline:8px}
 .xb-publicity.visual-v2 .day-button {min-width:128px}
 .xb-publicity.visual-v2 .mobile-nav {background:#1b3031f7;border-color:#678069;box-shadow:0 -8px 24px #102a2b33;padding-block:8px calc(8px + env(safe-area-inset-bottom,0px))}
 .xb-publicity.visual-v2 .mobile-nav button {min-height:48px;border-radius:12px;transition:background-color 160ms var(--ease),color 160ms var(--ease),transform 160ms var(--ease)}
 .xb-publicity.visual-v2 .mobile-nav [aria-current=page] {background:var(--orange);color:#102021;font-weight:600;box-shadow:inset 0 1px #ffcc99}
 .xb-publicity.visual-v2 .notice {bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .xb-publicity.visual-v2 .site-footer {padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:380px) {
 .xb-publicity.visual-v2 .course-card .course-art {padding:16px;height:304px}
 .xb-publicity.visual-v2 .course-card-copy {padding:24px 8px 8px}
}
@media (prefers-reduced-motion:reduce) {
 .xb-publicity.visual-v2 *,.xb-publicity.visual-v2 *::before,.xb-publicity.visual-v2 *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important}
 .xb-publicity.visual-v2 .button:hover,.xb-publicity.visual-v2 .button:active,.xb-publicity.visual-v2 .text-link:hover>span {transform:none}
}