/* Canonical public component system. Task/editor controls retain their own styles. */
body.at-site {
  --at-width:1160px; --at-gutter:24px;
  --at-ink:#242821; --at-muted:#52616c; --at-gold:#7a5200;
  --at-yellow:#ffcc32; --at-yellow-hover:#f5bc17; --at-tint:#fff8e5;
  --at-paper:#fff; --at-surface:#f8fafc; --at-line:#dce2e8;
  --at-radius:12px; --at-shadow:0 8px 24px rgb(20 30 40 / 5%);
  --at-font:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --at-h1:clamp(34px,4.3vw,60px); --at-h2:clamp(27px,3vw,36px);
}
.at-site .at-container {width:min(var(--at-width),calc(100% - var(--at-gutter)*2));margin-inline:auto;box-sizing:border-box}
.at-site .at-button {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;padding:12px 24px;border:1px solid transparent;border-radius:8px;font:800 15px/1.5 var(--at-font);text-align:center;text-decoration:none;gap:8px;cursor:pointer;white-space:normal}
.at-site .at-button--primary {background:var(--at-yellow);color:var(--at-ink);box-shadow:0 3px 8px rgb(109 84 14 / 8%)}
.at-site .at-button--secondary {background:var(--at-paper);color:var(--at-ink);border-color:#9a8c69;box-shadow:none}
.at-site .at-button--primary:hover {background:var(--at-yellow-hover)}
.at-site .at-button--secondary:hover {background:var(--at-tint)}
.at-site .at-button:focus-visible {outline:3px solid var(--at-gold);outline-offset:4px}
.at-site .at-related {background:var(--at-surface);padding:36px var(--at-gutter);border-block:1px solid var(--at-line);font:16px/1.65 var(--at-font);color:var(--at-ink)}
.at-site .at-related__inner {max-width:var(--at-width);margin:auto;display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
.at-site .at-related h2 {font-size:28px;line-height:1.25;font-weight:800;margin:0 0 12px;color:var(--at-ink)}
.at-site .at-related__intro {color:var(--at-muted);font-size:16px;line-height:1.65;margin:0}
.at-site .at-related__cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.at-site a.at-related-card {display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;box-sizing:border-box;padding:22px;background:var(--at-paper);border:1px solid var(--at-line);border-radius:var(--at-radius);box-shadow:var(--at-shadow);text-decoration:none;color:var(--at-ink);font:16px/1.6 var(--at-font)}
.at-site .at-related-card strong {display:block;font-size:18px;line-height:1.35;font-weight:800;color:var(--at-ink)}
.at-site .at-related-card p {font-size:15px;line-height:1.6;color:var(--at-muted);margin:0}
.at-site .at-related-card span {display:block;margin-top:auto;padding-top:4px;color:var(--at-gold);font-size:14px;font-weight:750;line-height:1.5}
.at-site .at-related-card:hover {border-color:var(--at-gold)}
.at-site .at-related-card:hover span {text-decoration:underline;text-underline-offset:3px}
.at-site .at-kicker {font-size:13px;line-height:1.5;font-weight:800;color:var(--at-gold);letter-spacing:.08em;margin:0 0 12px}
.at-site .at-next-step {font:16px/1.65 var(--at-font);color:var(--at-ink);box-sizing:border-box;width:min(var(--at-width),calc(100% - var(--at-gutter)*2));margin:32px auto;padding:32px;background:var(--at-tint);border:1px solid #e5d9b7;border-radius:var(--at-radius)}
.at-site .at-next-step__inner {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}
.at-site .at-next-step h2 {font-size:var(--at-h2);font-weight:800;line-height:1.2;margin:0 0 16px}
.at-site .at-next-step p {font-size:16px;line-height:1.65;margin:0 0 14px}
.at-site .at-next-step .at-meta {font-size:14px;color:var(--at-muted);margin-bottom:0}
.at-site .at-next-step--quiet {background:var(--at-surface);border-color:var(--at-line)}
.at-site .at-next-step--quiet h2 {font-size:26px}
.at-site .at-choices {width:min(var(--at-width),calc(100% - var(--at-gutter)*2));margin:48px auto;color:var(--at-ink);font:16px/1.65 var(--at-font)}
.at-site .at-choices h2 {font-size:var(--at-h2);line-height:1.25;font-weight:800;margin:0 0 24px}
.at-site .at-choice-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.at-site .at-choice-card {display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid var(--at-line);border-radius:var(--at-radius);background:var(--at-paper);box-shadow:var(--at-shadow);font-size:16px;line-height:1.65}
.at-site .at-choice-card h3 {font-size:22px;line-height:1.3;margin:0}
.at-site .at-choice-card p {font-size:16px;line-height:1.65;margin:0}
.at-site .at-choice-card .at-button {margin-top:auto;align-self:flex-start}
.at-site .at-meta {font-size:14px;line-height:1.6;color:var(--at-muted)}
.at-site .at-footer {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;padding:32px max(var(--at-gutter),calc((100% - var(--at-width))/2));background:#050505;color:#f8fafc;font:14px/1.6 var(--at-font);box-sizing:border-box}
.at-site .at-footer img {width:210px;height:auto;max-width:100%}
.at-site .at-footer nav {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;font-size:14px;line-height:1.6}
.at-site .at-footer a {color:#f8fafc;text-decoration:underline;text-underline-offset:3px}
.at-site .at-footer address {display:flex;flex-direction:column;gap:6px;justify-self:end;margin:0;font-size:14px;line-height:1.6;font-style:normal;color:#cbd5e1}
.at-site .at-footer address span {display:block;color:#cbd5e1}
@media(max-width:1000px){.at-site .at-related__inner,.at-site .at-next-step__inner {grid-template-columns:1fr}.at-site .at-footer {grid-template-columns:1fr}.at-site .at-footer nav {justify-content:flex-start}.at-site .at-footer address {justify-self:start}}
@media(max-width:760px){body.at-site{--at-gutter:22px}.at-site .at-related__cards,.at-site .at-choice-grid {grid-template-columns:1fr}.at-site .at-next-step {padding:24px;margin-block:32px}.at-site .at-choice-card {padding:24px}.at-site .at-related-card {min-height:0}.at-site .at-related {padding-block:32px}}

.at-site .at-related-card span::after{content:" →";white-space:nowrap}
.at-site .at-footer-brand{display:block;order:0;grid-column:auto;grid-row:auto;align-self:center;justify-self:start;float:none;margin:0}
.at-site .at-footer address{min-width:215px}
.at-site .at-footer address a{white-space:nowrap}
.at-site .at-next-step--following{margin-top:0}

.at-site .at-program-card{display:flex;flex-direction:column;gap:14px}
.at-site .at-program-card h3,.at-site .at-program-card p{margin:0}
.at-site .at-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:4px}
.at-site .at-card-actions .at-button{min-height:44px;padding:10px 16px;font-size:14px}