:root {
    --brand-blue: #0F4C81;
    --brand-blue-dark: #0A375E;
    --brand-teal: #0B766E;
    --brand-teal-dark: #075850;
    --mint-surface: #EAF7F4;
    --blue-surface: #EDF5FB;
    --ink: #152238;
    --muted: #5E6B7A;
    --border: #D8E1E8;
    --surface: #FFFFFF;
    --surface-soft: #F7FAFC;
    --danger: #B42318;
    --success: #087A5B;
    --radius-sm: 12px;
    --radius: 16px;
    --radius-lg: 22px;
    --shadow: 0 18px 45px rgba(15, 76, 129, .08);
    --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--ink);
    background: #fbfdff;
    font-family: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    word-break: keep-all;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a, input, select { outline-offset: 3px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid rgba(11, 118, 110, .32);
}
img, video { max-width: 100%; }
.container { width: min(calc(100% - 32px), var(--max)); margin-inline: auto; }

.site-header {
    position: sticky; top: 0; z-index: 40;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(216,225,232,.9);
    backdrop-filter: blur(14px);
}
.header-row { min-height: 72px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand-mark {
    width: 38px; height: 38px; display: grid; place-items: center;
    border-radius: 13px; color: white; font-weight: 900;
    background: linear-gradient(145deg, var(--brand-blue), var(--brand-teal));
    box-shadow: 0 8px 20px rgba(15,76,129,.17);
}
.brand-word { font-size: 1.2rem; font-weight: 850; letter-spacing: -.03em; color: var(--brand-blue-dark); }
.brand-sub { display: block; color: var(--muted); font-size: .72rem; font-weight: 650; line-height: 1.25; }
.main-nav { display: flex; gap: 6px; align-items: center; flex: 1; }
.main-nav a {
    min-height: 44px; padding: 10px 12px; display: inline-flex; align-items: center;
    border-radius: 12px; color: #33435a; font-weight: 700; font-size: .94rem;
}
.main-nav a:hover { background: var(--surface-soft); color: var(--brand-blue); }
.header-actions { display: flex; gap: 8px; align-items: center; margin-left: auto; }

.btn {
    border: 1px solid var(--border);
    min-height: 44px; padding: 10px 16px; border-radius: 13px;
    background: white; color: var(--ink); font-weight: 750; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.btn:hover { border-color: #b8c9d6; background: #f9fbfd; }
.btn-primary { background: var(--brand-blue); color: white; border-color: var(--brand-blue); }
.btn-primary:hover { background: var(--brand-blue-dark); border-color: var(--brand-blue-dark); }
.btn-teal { background: var(--brand-teal); color: white; border-color: var(--brand-teal); }
.btn-teal:hover { background: var(--brand-teal-dark); border-color: var(--brand-teal-dark); }
.btn-ghost { background: transparent; }
.btn-small { min-height: 38px; padding: 8px 12px; font-size: .9rem; }

.hero {
    padding: 72px 0 54px;
    background:
        radial-gradient(circle at 85% 16%, rgba(11,118,110,.10), transparent 28%),
        radial-gradient(circle at 14% 12%, rgba(15,76,129,.09), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}
.hero-kicker {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 7px 11px; border: 1px solid #cfe3e0; border-radius: 999px;
    background: var(--mint-surface); color: var(--brand-teal-dark);
    font-size: .84rem; font-weight: 800;
}
.hero h1 {
    margin: 18px auto 10px; max-width: 800px; text-align: center;
    font-size: clamp(2.15rem, 6vw, 4.2rem); line-height: 1.08;
    letter-spacing: -.055em; color: #10243b;
}
.hero-copy { max-width: 720px; margin: 0 auto 28px; text-align: center; color: var(--muted); font-size: 1.05rem; }
.hero-center { text-align: center; }

.search-shell {
    width: min(850px, 100%); margin: 0 auto; position: relative;
    padding: 10px; border: 1px solid #c9d7e2; border-radius: 22px;
    background: white; box-shadow: 0 22px 50px rgba(15,76,129,.12);
}
.search-row { display: flex; gap: 10px; }
.search-input {
    flex: 1; min-width: 0; border: 0; min-height: 58px; padding: 13px 16px;
    font-size: 1.08rem; color: var(--ink); background: transparent;
}
.search-input::placeholder { color: #8493a3; }
.search-input:focus { outline: none; }
.search-button { min-width: 110px; min-height: 58px; border-radius: 16px; }
.search-help { margin-top: 11px; color: var(--muted); font-size: .86rem; text-align: left; padding: 0 8px 2px; }
.search-results {
    position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 30;
    background: white; border: 1px solid var(--border); border-radius: 18px;
    box-shadow: var(--shadow); overflow: hidden; text-align: left;
}
.search-result {
    display: grid; grid-template-columns: 56px minmax(0,1fr) auto; gap: 12px; align-items: center;
    padding: 11px 13px; border-bottom: 1px solid #edf1f4;
}
.search-result:last-child { border-bottom: 0; }
.search-result:hover { background: #f8fbfd; }
.thumb {
    width: 56px; height: 56px; border-radius: 13px; object-fit: cover;
    background: var(--blue-surface); display: grid; place-items: center; color: var(--brand-blue); font-weight: 850;
}
.result-word { font-weight: 850; color: #18314f; }
.result-desc { color: var(--muted); font-size: .86rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result-category { color: var(--brand-teal); font-size: .78rem; font-weight: 800; }

.section { padding: 54px 0; }
.section-alt { background: #f7fbfd; border-block: 1px solid #edf2f5; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.section-title { margin: 0; font-size: clamp(1.45rem, 3vw, 2rem); letter-spacing: -.035em; color: #173653; }
.section-sub { margin: 5px 0 0; color: var(--muted); }
.eyebrow { color: var(--brand-teal); font-weight: 850; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }

.feature-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .8fr); gap: 22px; }
.card {
    background: white; border: 1px solid var(--border); border-radius: var(--radius-lg);
    box-shadow: 0 8px 28px rgba(25,56,85,.045);
}
.card-pad { padding: 24px; }
.video-card { padding: 14px; }
.video-stage {
    aspect-ratio: 16/9; border-radius: 17px; overflow: hidden; background: #0c1724;
    display: grid; place-items: center; color: white; position: relative;
}
.video-stage video { width: 100%; height: 100%; object-fit: contain; background: #0c1724; }
.video-empty { text-align: center; padding: 32px; color: #d8e6f2; }
.video-empty strong { display: block; margin-bottom: 7px; font-size: 1.1rem; color: white; }
.player-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 2px 0; }
.player-controls .btn { min-height: 42px; }
.player-status { margin-left: auto; color: var(--muted); font-size: .86rem; }

.feature-word { font-size: 2rem; font-weight: 900; letter-spacing: -.045em; color: var(--brand-blue-dark); }
.meta-row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 18px; }
.badge {
    display: inline-flex; align-items: center; min-height: 30px; padding: 5px 10px;
    border-radius: 999px; background: var(--mint-surface); color: var(--brand-teal-dark);
    font-size: .79rem; font-weight: 800;
}
.muted { color: var(--muted); }
.divider { height: 1px; background: #e8eef2; margin: 20px 0; }

.category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.category-card {
    min-height: 140px; padding: 20px; border: 1px solid var(--border); border-radius: 18px;
    background: white; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.category-card:hover { transform: translateY(-2px); border-color: #b9cedd; box-shadow: var(--shadow); }
.category-icon { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--blue-surface); font-size: 1.25rem; margin-bottom: 16px; }
.category-card strong { display: block; color: #183653; margin-bottom: 4px; }
.category-card span { color: var(--muted); font-size: .87rem; }

.learning-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.stat-card { padding: 22px; border-radius: 18px; background: white; border: 1px solid var(--border); }
.stat-number { font-size: 1.75rem; font-weight: 900; color: var(--brand-blue); line-height: 1.2; }
.stat-label { margin-top: 6px; color: var(--muted); }

.result-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.sign-card { overflow: hidden; }
.sign-card-media {
    aspect-ratio: 16/10; background: var(--blue-surface); display: grid; place-items: center;
    color: var(--brand-blue); font-weight: 900; overflow: hidden;
}
.sign-card-media img { width: 100%; height: 100%; object-fit: cover; }
.sign-card-body { padding: 18px; }
.sign-card h3 { margin: 0 0 6px; color: #173653; font-size: 1.15rem; }
.sign-card p { margin: 0; color: var(--muted); font-size: .9rem; }

.page-head { padding: 44px 0 24px; }
.page-head h1 { margin: 0; color: #173653; letter-spacing: -.04em; font-size: clamp(2rem,4vw,3rem); }
.page-head p { margin: 8px 0 0; color: var(--muted); }

.form-card { width: min(560px, 100%); margin: 44px auto; padding: 30px; }
.form-group { margin-bottom: 18px; }
.form-label { display: block; margin-bottom: 7px; font-weight: 800; color: #273b51; }
.form-input {
    width: 100%; min-height: 48px; border: 1px solid #cbd8e2; border-radius: 13px;
    padding: 11px 13px; background: white; color: var(--ink);
}
.form-input:focus { border-color: var(--brand-teal); box-shadow: 0 0 0 3px rgba(11,118,110,.11); outline: 0; }
.form-error { color: var(--danger); font-size: .86rem; margin-top: 6px; }
.notice { padding: 14px 16px; border-radius: 14px; background: var(--mint-surface); color: #174e49; margin-bottom: 18px; }
.alert-error { padding: 14px 16px; border-radius: 14px; background: #fff1ef; color: #8b2218; margin-bottom: 18px; }

.site-footer { padding: 36px 0 46px; border-top: 1px solid var(--border); background: white; color: var(--muted); }
.footer-row { display: flex; gap: 24px; justify-content: space-between; align-items: flex-start; }
.footer-links { display: flex; flex-wrap: wrap; gap: 14px; font-size: .9rem; }

.detail-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.72fr); gap: 22px; align-items: start; }
.handshape-card { padding: 22px; position: sticky; top: 96px; }
.definition { font-size: 1.03rem; color: #33465c; }
.source-link { color: var(--brand-blue); text-decoration: underline; text-underline-offset: 3px; }

.empty-state { padding: 40px 20px; text-align: center; border: 1px dashed #bdccd8; border-radius: 18px; background: #fbfdff; }
.empty-state strong { display: block; margin-bottom: 6px; color: #24425e; }

.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

@media (max-width: 980px) {
    .main-nav { display: none; }
    .feature-grid, .detail-grid { grid-template-columns: 1fr; }
    .category-grid { grid-template-columns: repeat(3, 1fr); }
    .result-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .handshape-card { position: static; }
}

@media (max-width: 680px) {
    .container { width: min(calc(100% - 22px), var(--max)); }
    .header-row { min-height: 64px; gap: 12px; }
    .brand-sub { display: none; }
    .header-actions .btn-ghost { display: none; }
    .hero { padding: 48px 0 38px; }
    .hero h1 { font-size: clamp(2.05rem, 12vw, 3.1rem); }
    .search-shell { padding: 7px; border-radius: 18px; }
    .search-row { gap: 7px; }
    .search-input { min-height: 52px; padding-inline: 11px; }
    .search-button { min-width: 76px; min-height: 52px; padding-inline: 12px; }
    .section { padding: 42px 0; }
    .section-head { align-items: flex-start; flex-direction: column; }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .category-card { min-height: 126px; padding: 17px; }
    .learning-grid, .result-grid { grid-template-columns: 1fr; }
    .footer-row { flex-direction: column; }
    .form-card { margin: 24px auto; padding: 22px; }
    .search-result { grid-template-columns: 48px minmax(0,1fr); }
    .search-result .result-category { display: none; }
    .thumb { width: 48px; height: 48px; }
    .player-status { width: 100%; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Community */
.community-head{padding:42px 0 28px;background:linear-gradient(180deg,#fff,#f7fbfd);border-bottom:1px solid #e7edf2}.community-head-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.community-head h1{margin:5px 0 5px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;color:#173653}.community-head p{margin:0;color:var(--muted)}.community-search{display:flex;gap:8px;margin-bottom:15px}.community-search .form-input{max-width:420px}.community-list{border:1px solid var(--border);border-radius:18px;background:#fff;overflow:hidden}.community-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #e8eef2}.community-row:last-child{border-bottom:0}.community-row:hover{background:#f9fbfd}.notice-row{background:#f5fbfa}.community-title{font-weight:800;color:#1b3855}.community-meta{font-size:.83rem;color:var(--muted);margin-top:4px}.community-counts{display:flex;gap:12px;color:var(--muted);font-size:.82rem;white-space:nowrap}.community-pagination{margin-top:18px}.community-editor{max-width:900px;margin:0 auto}.community-textarea{min-height:280px;resize:vertical}.community-textarea.small{min-height:110px}.community-check{display:inline-flex;gap:7px;align-items:center;margin-right:14px}.community-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.community-breadcrumb{color:var(--brand-teal);font-weight:750;margin-bottom:9px}.post-title{font-size:clamp(1.8rem,4vw,2.8rem)!important}.post-card{padding:30px;min-height:260px}.post-content{font-size:1.04rem;line-height:1.9;white-space:normal}.comments-section{margin-top:42px}.comment-list{display:grid;gap:10px}.comment-item{position:relative;background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px 16px}.comment-head{display:flex;gap:10px;align-items:center}.comment-head span{color:var(--muted);font-size:.8rem}.comment-body{margin-top:8px;color:#33465c}.comment-delete{position:absolute;right:13px;top:13px;border:0;background:transparent;color:#a33b31;cursor:pointer}.comment-form{margin-top:14px;display:grid;gap:10px}.comment-form .btn{justify-self:end}.pagination{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0}.pagination a,.pagination span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#fff}.pagination .active span{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
@media(max-width:680px){.community-head-row,.community-row{align-items:flex-start;flex-direction:column}.community-counts{width:100%}.post-card{padding:20px}.community-editor-actions{justify-content:stretch}.community-editor-actions .btn{flex:1}}

/* Learning */
.learning-hero{padding:52px 0 34px;background:linear-gradient(135deg,#eff7fd 0%,#eefaf7 100%);border-bottom:1px solid #dce8ed}.learning-hero h1{margin:7px 0 7px;color:#173653;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.learning-hero p{margin:0;color:var(--muted)}.learning-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:42px}.learning-summary-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px}.learning-summary-card strong{display:block;font-size:2rem;color:var(--brand-blue);line-height:1.1}.learning-summary-card span{display:block;margin-top:6px;color:var(--muted)}.learning-section-head{margin-top:44px}.learning-log-list{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff}.learning-log-row{display:grid;grid-template-columns:minmax(160px,1fr) 110px 100px 150px;gap:10px;padding:14px 16px;border-bottom:1px solid #e8eef2;align-items:center}.learning-log-row:last-child{border-bottom:0}.learning-log-row span{color:var(--muted);font-size:.88rem}@media(max-width:680px){.learning-summary-grid{grid-template-columns:1fr}.learning-log-row{grid-template-columns:1fr 1fr}.learning-log-row strong{grid-column:1/-1}}

/* Home v0.2 */
.home-hero{padding:72px 0 64px;background:radial-gradient(circle at 82% 15%,rgba(11,118,110,.13),transparent 28%),radial-gradient(circle at 6% 3%,rgba(15,76,129,.12),transparent 31%),linear-gradient(180deg,#fff 0%,#f5faff 100%);border-bottom:1px solid #e8eef3}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.58fr);gap:46px;align-items:center}.home-hero-copy h1{margin:19px 0 18px;font-size:clamp(3rem,6.5vw,5.5rem);line-height:.98;letter-spacing:-.065em;color:#102a43}.home-hero-copy h1 em{font-style:normal;color:var(--brand-teal)}.home-hero-copy>p{max-width:720px;margin:0 0 28px;color:#536477;font-size:1.08rem}.home-search-wrap .search-shell{margin:0;box-shadow:0 22px 55px rgba(15,76,129,.13)}.quick-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:.86rem}.quick-keywords span{color:var(--muted);font-weight:750}.quick-keywords a{padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #d9e4eb;color:#3d5871}.hero-side-card{position:relative;padding:27px;border:1px solid #cadde2;border-radius:28px;background:rgba(255,255,255,.76);box-shadow:0 24px 60px rgba(17,58,91,.09);backdrop-filter:blur(12px)}.hero-side-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:26px;right:-15px;top:-26px;background:linear-gradient(145deg,rgba(15,76,129,.13),rgba(11,118,110,.18));transform:rotate(14deg);z-index:-1}.hero-side-label{display:block;color:var(--brand-teal);font-weight:850;font-size:.82rem;margin-bottom:8px}.hero-side-card>strong{display:block;font-size:1.45rem;line-height:1.3;color:#173653}.hero-side-card>p{color:var(--muted);margin:10px 0 18px}.hero-side-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hero-side-steps span{padding:10px;border-radius:12px;background:#f1f7fb;color:#34526d;font-weight:750;font-size:.86rem}.text-link{color:var(--brand-blue);font-weight:800}.featured-learning-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:0;border:1px solid var(--border);border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 18px 52px rgba(19,54,83,.07)}.featured-video{background:#0b1724;aspect-ratio:16/9;display:grid;place-items:center}.featured-video video{width:100%;height:100%;object-fit:contain}.featured-info{padding:30px}.featured-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}.featured-info h3{font-size:2.6rem;margin:18px 0 10px;letter-spacing:-.05em;color:#153a5e}.featured-info>p{color:#45596d;font-size:1rem}.handshape-brief{margin:20px 0;padding:15px;border-radius:14px;background:var(--mint-surface);display:grid;gap:3px}.handshape-brief strong{color:var(--brand-teal-dark)}.handshape-brief span{color:#425c5a}.featured-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.featured-actions form{margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.topic-card{position:relative;padding:20px;border:1px solid var(--border);border-radius:18px;background:#fff;min-height:156px;transition:.16s ease}.topic-card:hover{transform:translateY(-2px);border-color:#b5cbd9;box-shadow:0 15px 36px rgba(20,58,88,.07)}.topic-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#eef6fb;font-size:1.25rem}.topic-card strong{display:block;margin-top:14px;color:#193b5b;font-size:1.02rem}.topic-card small{display:block;margin-top:3px;color:var(--muted)}.topic-arrow{position:absolute;right:17px;bottom:14px;color:#8194a6}.learning-band{padding:38px;border-radius:28px;background:linear-gradient(135deg,#123c63,#0b6d68);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:36px;align-items:center;box-shadow:0 22px 55px rgba(17,60,93,.16)}.learning-band .eyebrow{color:#9fe1d8}.learning-band h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;letter-spacing:-.045em;margin:7px 0 12px}.learning-band>div>p{color:#c8d8e4;margin:0}.learning-band-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.learning-band-stats>div{padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.07)}.learning-band-stats strong{display:block;font-size:1.65rem}.learning-band-stats span{display:block;color:#c9dbe5;font-size:.82rem}.learning-band-stats .btn{grid-column:1/-1}.learning-band-cta{padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07)}.learning-band-cta>strong{font-size:1.1rem}.learning-band-cta>p{color:#c8d8e4}.learning-band .btn:not(.btn-primary){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}.home-sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-sign-card{border:1px solid var(--border);border-radius:18px;background:#fff;overflow:hidden}.home-sign-thumb{aspect-ratio:16/10;background:#eef6fb;display:grid;place-items:center;font-size:2.2rem;font-weight:900;color:var(--brand-blue)}.home-sign-thumb img{width:100%;height:100%;object-fit:cover}.home-sign-body{padding:16px}.home-sign-body>span{font-size:.75rem;color:var(--brand-teal);font-weight:800}.home-sign-body strong{display:block;font-size:1.1rem;color:#173653;margin:3px 0 4px}.home-sign-body p{margin:0;color:var(--muted);font-size:.87rem}.home-community-list{border-top:1px solid var(--border)}.home-community-list a{display:grid;grid-template-columns:100px minmax(0,1fr) 180px;gap:16px;padding:14px 4px;border-bottom:1px solid #e8eef2;align-items:center}.home-community-list a:hover strong{color:var(--brand-blue)}.home-community-list span{color:var(--brand-teal);font-size:.82rem;font-weight:800}.home-community-list small{color:var(--muted);text-align:right}
@media(max-width:980px){.home-hero-grid,.learning-band{grid-template-columns:1fr}.home-hero-side{display:none}.featured-learning-card{grid-template-columns:1fr}.topic-grid,.home-sign-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.home-hero{padding:48px 0 42px}.home-hero-copy h1{font-size:clamp(2.7rem,14vw,4rem)}.featured-info{padding:22px}.featured-info h3{font-size:2.1rem}.topic-grid,.home-sign-grid{grid-template-columns:1fr 1fr}.learning-band{padding:24px}.learning-band-stats{grid-template-columns:1fr}.learning-band-stats .btn{grid-column:1}.home-community-list a{grid-template-columns:1fr;gap:3px}.home-community-list small{text-align:left}}
.attachment-list{display:grid;gap:7px;margin:10px 0 16px}.attachment-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:#fafcfd}.attachment-list form{margin:0}.attachment-list button{border:0;background:transparent;color:#a33b31;cursor:pointer}.post-attachments{margin-top:28px;padding-top:20px;border-top:1px solid #e6edf2;display:grid;gap:8px}.post-attachments strong{margin-bottom:3px}.post-attachments a{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#f7fafc;color:#274967}.post-attachments a span{color:var(--muted);font-size:.82rem}
.content-page-card{padding:32px;max-width:980px;line-height:1.9;color:#344a5f}.content-page-card h2,.content-page-card h3{color:#173653}

/* =========================================================
   v0.2.3 — richer brand system + service home
   ========================================================= */
:root{
    --brand-lilac:#8B72E8;
    --brand-coral:#F17979;
    --brand-yellow:#F2B84B;
    --brand-sky:#59A8E8;
    --brand-orange:#EE9162;
    --page-bg:#FCFDFE;
}
body{background:var(--page-bg)}
.site-header-v3{box-shadow:0 1px 0 rgba(25,49,74,.03)}
.site-header-v3 .header-row{min-height:68px;gap:24px}
.brand-v3{min-width:0}.brand-picture{display:flex;align-items:center;max-width:190px;max-height:46px}.brand-logo-image{display:block;max-width:190px;max-height:44px;object-fit:contain;object-position:left center}.brand-copy{display:block}.brand-mark-v3{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--brand-blue),var(--brand-teal) 68%)}.brand-mark-v3 i{position:absolute;background:#fff;border-radius:999px;opacity:.95}.brand-mark-v3 i:nth-child(1){width:7px;height:18px;left:10px;bottom:8px;transform:rotate(-19deg)}.brand-mark-v3 i:nth-child(2){width:7px;height:24px;left:17px;bottom:7px;transform:rotate(4deg)}.brand-mark-v3 i:nth-child(3){width:7px;height:16px;left:24px;bottom:10px;transform:rotate(23deg)}
.main-nav-v3{justify-content:center}.main-nav-v3 a{position:relative}.main-nav-v3 a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-teal));transform:scaleX(0);transition:.18s ease}.main-nav-v3 a:hover:after{transform:scaleX(1)}
.header-actions-v3{gap:7px}.header-search-button{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:7px 11px;border-radius:11px;background:#f3f7fb;color:#38536d;font-weight:800}.header-search-button span{font-size:1.15rem;line-height:1}.profile-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:4px 10px 4px 5px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:.87rem}.profile-chip>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-lilac) 24%,#fff),color-mix(in srgb,var(--brand-coral) 22%,#fff));color:#4c3d8f;font-weight:900}.profile-chip b{font-weight:800;color:#344b62}
.btn-lilac{background:var(--brand-lilac);border-color:var(--brand-lilac);color:#fff}.btn-lilac:hover{background:color-mix(in srgb,var(--brand-lilac) 82%,#000);border-color:color-mix(in srgb,var(--brand-lilac) 82%,#000)}.btn-lilac-soft{background:color-mix(in srgb,var(--brand-lilac) 12%,#fff);border-color:color-mix(in srgb,var(--brand-lilac) 28%,#fff);color:color-mix(in srgb,var(--brand-lilac) 74%,#000)}.btn-white{background:#fff;border-color:#fff;color:#304566}.btn-white-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}

.home-hero-v3{position:relative;overflow:hidden;padding:82px 0 76px;background:linear-gradient(128deg,#fbfdff 0%,#f7fbff 38%,#fffaf8 74%,#fbf8ff 100%);border-bottom:1px solid #edf0f4}.home-hero-v3:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(39,78,116,.08) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 72%);opacity:.55}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-orb-blue{width:360px;height:360px;left:-180px;top:-150px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-blue) 19%,transparent),transparent 68%)}.hero-orb-coral{width:360px;height:360px;right:10%;top:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-coral) 18%,transparent),transparent 68%)}.hero-orb-lilac{width:300px;height:300px;right:-150px;bottom:-150px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-lilac) 19%,transparent),transparent 68%)}
.home-hero-grid-v3{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr);gap:68px;align-items:center}.home-hero-copy-v3{min-width:0}.hero-kicker-v3{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--brand-teal) 10%,#fff);border:1px solid color-mix(in srgb,var(--brand-teal) 23%,#fff);color:color-mix(in srgb,var(--brand-teal) 78%,#000);font-size:.84rem;font-weight:850}.hero-kicker-v3 span{color:var(--brand-coral)}.home-hero-copy-v3 h1{margin:20px 0 19px;max-width:820px;font-size:clamp(3.2rem,6.1vw,5.7rem);line-height:1.01;letter-spacing:-.07em;color:#17324c}.home-hero-copy-v3 h1 em{font-style:normal;background:linear-gradient(90deg,var(--brand-blue) 0%,var(--brand-teal) 48%,var(--brand-lilac) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero-copy-v3>p{max-width:730px;margin:0 0 31px;color:#536579;font-size:1.08rem;line-height:1.8}.home-search-wrap-v3{max-width:860px}.search-shell-v3{width:100%;padding:8px;border:1px solid #d5e0e9;border-radius:22px;background:#fff;box-shadow:0 25px 70px rgba(27,68,104,.12)}.search-shell-v3:focus-within{border-color:color-mix(in srgb,var(--brand-blue) 50%,#fff);box-shadow:0 26px 70px rgba(27,68,104,.15),0 0 0 4px color-mix(in srgb,var(--brand-blue) 8%,transparent)}.search-shell-v3 .search-leading{display:grid;place-items:center;width:42px;color:var(--brand-blue);font-size:1.6rem;font-weight:900}.search-shell-v3 .search-row{align-items:center;gap:4px}.search-shell-v3 .search-input{min-height:62px;padding-inline:8px;font-size:1.05rem}.search-shell-v3 .search-button{min-width:116px;min-height:52px;border-radius:15px}.search-shell-v3 .search-button b{font-size:1.1rem}.search-shell-v3 .search-help{padding:0 50px 3px;color:#788899}.search-form-error{padding:0 50px 3px}.search-results-v3{top:calc(100% + 10px);border-radius:18px;box-shadow:0 25px 60px rgba(25,58,88,.16)}.search-results-v3 .thumb img{width:100%;height:100%;object-fit:cover;border-radius:13px}.search-no-result{display:flex;gap:12px;align-items:center;padding:20px}.search-no-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f1f5f8;color:#60758a;font-size:1.4rem}.quick-keywords-v3{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}.quick-keywords-v3 span{margin-right:2px;color:#7d8b99;font-size:.81rem;font-weight:800}.quick-keywords-v3 a{padding:5px 10px;border-radius:999px;border:1px solid #e2e8ee;background:rgba(255,255,255,.78);font-size:.82rem;color:#52687c;transition:.16s}.quick-keywords-v3 a:nth-of-type(1):hover{border-color:color-mix(in srgb,var(--brand-blue) 40%,#fff);background:color-mix(in srgb,var(--brand-blue) 7%,#fff);color:var(--brand-blue)}.quick-keywords-v3 a:nth-of-type(2):hover{border-color:color-mix(in srgb,var(--brand-teal) 40%,#fff);background:color-mix(in srgb,var(--brand-teal) 7%,#fff);color:var(--brand-teal)}.quick-keywords-v3 a:nth-of-type(3):hover{border-color:color-mix(in srgb,var(--brand-lilac) 40%,#fff);background:color-mix(in srgb,var(--brand-lilac) 7%,#fff);color:var(--brand-lilac)}.quick-keywords-v3 a:nth-of-type(4):hover{border-color:color-mix(in srgb,var(--brand-coral) 40%,#fff);background:color-mix(in srgb,var(--brand-coral) 7%,#fff);color:var(--brand-coral)}
.hero-journey{position:relative;display:grid;gap:10px;padding:25px;border:1px solid rgba(210,220,230,.92);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 24px 70px rgba(42,60,88,.09);backdrop-filter:blur(14px)}.hero-journey:before{content:"";position:absolute;inset:-10px -12px auto auto;width:74px;height:74px;border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-yellow) 58%,#fff),color-mix(in srgb,var(--brand-coral) 52%,#fff));transform:rotate(9deg);z-index:-1}.hero-journey-title{padding:2px 4px 8px}.hero-journey-title span{display:block;color:#758597;font-size:.8rem;font-weight:800}.hero-journey-title strong{display:block;margin-top:2px;color:#253e57;font-size:1.2rem}.journey-step{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;gap:11px;align-items:center;min-height:74px;padding:11px 13px;border-radius:17px;transition:.16s ease}.journey-step:hover{transform:translateX(3px)}.journey-step i{font-style:normal;font-size:.74rem;font-weight:900;opacity:.65}.journey-step span b{display:block;font-size:.96rem}.journey-step span small{display:block;margin-top:1px;opacity:.72}.journey-step em{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.72);font-style:normal;font-weight:900}.journey-search{background:color-mix(in srgb,var(--brand-blue) 10%,#fff);color:color-mix(in srgb,var(--brand-blue) 75%,#000)}.journey-watch{background:color-mix(in srgb,var(--brand-coral) 11%,#fff);color:color-mix(in srgb,var(--brand-coral) 69%,#3b2424)}.journey-save{background:color-mix(in srgb,var(--brand-lilac) 11%,#fff);color:color-mix(in srgb,var(--brand-lilac) 70%,#2b2447)}.journey-note{display:flex;gap:10px;align-items:flex-start;margin-top:5px;padding:13px;border-radius:15px;background:#f7f9fb}.journey-note>span{font-size:1.2rem}.journey-note p{margin:0}.journey-note strong{display:block;color:#4c6073;font-size:.82rem}.journey-note small{display:block;color:#8995a1;font-size:.75rem;margin-top:2px}

.section-head-v3{align-items:flex-end;margin-bottom:26px}.section-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:.76rem;font-weight:850;letter-spacing:.01em;margin-bottom:8px}.pill-coral{background:color-mix(in srgb,var(--brand-coral) 12%,#fff);color:color-mix(in srgb,var(--brand-coral) 72%,#492727)}.pill-blue{background:color-mix(in srgb,var(--brand-blue) 10%,#fff);color:var(--brand-blue)}.pill-lilac{background:color-mix(in srgb,var(--brand-lilac) 12%,#fff);color:color-mix(in srgb,var(--brand-lilac) 72%,#2b2447)}.pill-yellow{background:color-mix(in srgb,var(--brand-yellow) 20%,#fff);color:#7d5a12}.pill-light{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18)}.section-head-v3 .section-title{font-size:clamp(1.9rem,3.3vw,2.7rem);color:#1a3854}.section-head-v3 .section-sub{font-size:.98rem}.text-link{display:inline-flex;gap:7px;align-items:center}.text-link span{transition:transform .16s}.text-link:hover span{transform:translateX(3px)}.text-link-coral{color:color-mix(in srgb,var(--brand-coral) 76%,#2a3035)}
.home-featured-v3{padding:72px 0;background:#fff}.featured-stage-v3{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(340px,.66fr);border-radius:30px;overflow:hidden;background:#17212d;box-shadow:0 28px 80px rgba(20,43,64,.13)}.featured-video-panel-v3{min-width:0;background:#111a24}.featured-video-topbar{height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#dce6ef;font-size:.77rem}.featured-video-topbar span{display:flex;align-items:center;gap:7px;font-weight:850;letter-spacing:.12em}.featured-video-topbar span i{width:8px;height:8px;border-radius:50%;background:var(--brand-coral);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand-coral) 18%,transparent)}.featured-video-topbar b{font-weight:750;color:#8fa4b8}.featured-video-v3{aspect-ratio:16/9;display:grid;place-items:center;background:#060a0f}.featured-video-v3 video{width:100%;height:100%;object-fit:contain}.featured-copy-v3{position:relative;padding:36px 34px 32px;background:linear-gradient(150deg,#fff 0%,#fffaf8 100%)}.featured-copy-v3:before{content:"";position:absolute;right:-65px;top:-65px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb,var(--brand-coral) 12%,transparent)}.featured-number{position:relative;color:#8795a3;font-size:.78rem;font-weight:800}.featured-number strong{color:var(--brand-coral);font-size:1.12rem}.featured-copy-v3 h3{position:relative;margin:14px 0 10px;color:#1c3650;font-size:clamp(2.6rem,4vw,4rem);line-height:1;letter-spacing:-.06em}.featured-copy-v3>p{position:relative;margin:0;color:#56687a;line-height:1.75}.handshape-v3{margin-top:20px;padding:14px 15px;border-radius:15px;background:color-mix(in srgb,var(--brand-teal) 8%,#fff);border:1px solid color-mix(in srgb,var(--brand-teal) 18%,#fff)}.handshape-v3 span{display:block;color:var(--brand-teal);font-size:.76rem;font-weight:850}.handshape-v3 p{margin:4px 0 0;color:#435e5b;font-size:.9rem}.player-feature-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.player-feature-chips span{padding:5px 8px;border-radius:8px;background:#f3f5f7;color:#5e6b78;font-size:.76rem;font-weight:750}.featured-actions-v3{margin-top:22px}.video-empty-symbol{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 12px;border-radius:50%;background:rgba(255,255,255,.08);font-size:1.2rem}.empty-state-colorful{display:flex;justify-content:center;align-items:center;gap:16px;background:linear-gradient(115deg,color-mix(in srgb,var(--brand-coral) 6%,#fff),color-mix(in srgb,var(--brand-lilac) 5%,#fff));border-color:color-mix(in srgb,var(--brand-coral) 25%,#ddd)}.empty-state-colorful>span{font-size:2rem}.empty-state-colorful p{margin:3px 0 0;color:var(--muted)}

.topic-section-v3{padding:72px 0;background:linear-gradient(180deg,#f8fbfd 0%,#fff 100%);border-block:1px solid #edf1f4}.topic-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.topic-card-v3{position:relative;display:flex;align-items:center;gap:13px;min-height:100px;padding:16px;border-radius:20px;border:1px solid transparent;overflow:hidden;transition:.18s ease}.topic-card-v3:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;right:-24px;bottom:-26px;background:currentColor;opacity:.07}.topic-card-v3:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(30,58,84,.08)}.topic-icon-v3{flex:0 0 auto;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.72);font-size:1.35rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.topic-copy-v3{min-width:0}.topic-copy-v3 strong{display:block;color:inherit;font-size:1rem}.topic-copy-v3 small{display:block;margin-top:2px;color:color-mix(in srgb,currentColor 64%,#6b7380);font-size:.78rem}.topic-arrow-v3{margin-left:auto;font-size:1.1rem;font-weight:900}.topic-blue{background:color-mix(in srgb,var(--brand-blue) 9%,#fff);color:color-mix(in srgb,var(--brand-blue) 76%,#20364e);border-color:color-mix(in srgb,var(--brand-blue) 15%,#fff)}.topic-lilac,.topic-violet{background:color-mix(in srgb,var(--brand-lilac) 10%,#fff);color:color-mix(in srgb,var(--brand-lilac) 74%,#2f2942);border-color:color-mix(in srgb,var(--brand-lilac) 17%,#fff)}.topic-yellow{background:color-mix(in srgb,var(--brand-yellow) 16%,#fff);color:#7c5811;border-color:color-mix(in srgb,var(--brand-yellow) 28%,#fff)}.topic-coral{background:color-mix(in srgb,var(--brand-coral) 10%,#fff);color:color-mix(in srgb,var(--brand-coral) 68%,#4b2929);border-color:color-mix(in srgb,var(--brand-coral) 18%,#fff)}.topic-mint{background:color-mix(in srgb,var(--brand-teal) 9%,#fff);color:color-mix(in srgb,var(--brand-teal) 72%,#223b39);border-color:color-mix(in srgb,var(--brand-teal) 17%,#fff)}.topic-sky{background:color-mix(in srgb,var(--brand-sky) 10%,#fff);color:#316788;border-color:color-mix(in srgb,var(--brand-sky) 18%,#fff)}.topic-orange{background:color-mix(in srgb,var(--brand-orange) 11%,#fff);color:#8c4e30;border-color:color-mix(in srgb,var(--brand-orange) 19%,#fff)}

.learning-section-v3{padding:74px 0;background:#fff}.learning-panel-v3{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:48px;align-items:center;padding:46px 50px;border-radius:32px;background:linear-gradient(132deg,#173B70 0%,color-mix(in srgb,var(--brand-blue) 72%,#142e57) 36%,color-mix(in srgb,var(--brand-lilac) 72%,#22305e) 100%);color:#fff;box-shadow:0 28px 75px rgba(28,53,94,.19)}.learning-decoration span{position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}.learning-decoration span:nth-child(1){width:230px;height:230px;right:-90px;top:-100px}.learning-decoration span:nth-child(2){width:130px;height:130px;left:38%;bottom:-85px}.learning-decoration span:nth-child(3){width:80px;height:80px;left:-30px;top:20px;background:color-mix(in srgb,var(--brand-coral) 28%,transparent)}.learning-copy-v3{position:relative;z-index:1}.learning-copy-v3 h2{margin:7px 0 12px;font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.08;letter-spacing:-.055em}.learning-copy-v3 h2 em{font-style:normal;color:#dcd1ff}.learning-copy-v3>p{max-width:540px;margin:0;color:#cbd7e5}.learning-stats-v3{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.learning-stat{position:relative;padding:18px 14px;border-radius:17px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.learning-stat span{display:block;color:#d7e0eb;font-size:.76rem}.learning-stat strong{display:inline-block;margin-top:5px;font-size:2rem;line-height:1}.learning-stat small{margin-left:2px;color:#c3d0df}.learning-stat.stat-mint{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--brand-teal) 74%,#fff)}.learning-stat.stat-lilac{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--brand-lilac) 74%,#fff)}.learning-stat.stat-coral{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--brand-coral) 74%,#fff)}.learning-go{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:15px;background:#fff;color:#304866;font-weight:850}.learning-go span{font-size:1.1rem}.learning-guest-v3{position:relative;z-index:1;padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.learning-guest-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--brand-yellow) 65%,#fff);color:#6c4a08;font-size:1.2rem}.learning-guest-v3>strong{display:block;margin-top:13px;font-size:1.15rem}.learning-guest-v3>p{margin:7px 0 16px;color:#d0dbea}.learning-guest-v3>div:last-child{display:flex;gap:8px}

.signs-section-v3{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#fbfbff 100%)}.home-sign-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.home-sign-card-v3{overflow:hidden;border:1px solid #e1e6ec;border-radius:21px;background:#fff;transition:.18s ease}.home-sign-card-v3:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(27,50,76,.09)}.home-sign-thumb-v3{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;font-size:2.2rem;font-weight:900}.home-sign-thumb-v3 img{width:100%;height:100%;object-fit:cover}.home-sign-thumb-v3 i{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(20,30,42,.76);color:#fff;font-style:normal;font-size:.7rem;font-weight:800;backdrop-filter:blur(8px)}.sign-blue .home-sign-thumb-v3{background:color-mix(in srgb,var(--brand-blue) 11%,#fff);color:var(--brand-blue)}.sign-coral .home-sign-thumb-v3{background:color-mix(in srgb,var(--brand-coral) 12%,#fff);color:var(--brand-coral)}.sign-mint .home-sign-thumb-v3{background:color-mix(in srgb,var(--brand-teal) 10%,#fff);color:var(--brand-teal)}.sign-lilac .home-sign-thumb-v3{background:color-mix(in srgb,var(--brand-lilac) 11%,#fff);color:var(--brand-lilac)}.home-sign-body-v3{padding:16px}.home-sign-body-v3>span{font-size:.72rem;font-weight:850;color:#788798}.home-sign-body-v3>strong{display:block;margin:3px 0 4px;color:#203b56;font-size:1.1rem}.home-sign-body-v3>p{min-height:43px;margin:0;color:#697887;font-size:.82rem}.home-sign-body-v3>b{display:block;margin-top:11px;color:#45627d;font-size:.76rem}.sign-blue:hover .home-sign-body-v3>b{color:var(--brand-blue)}.sign-coral:hover .home-sign-body-v3>b{color:var(--brand-coral)}.sign-mint:hover .home-sign-body-v3>b{color:var(--brand-teal)}.sign-lilac:hover .home-sign-body-v3>b{color:var(--brand-lilac)}

.community-section-v3{padding:72px 0;background:#fff}.community-panel-v3{display:grid;grid-template-columns:300px minmax(0,1fr);gap:42px;padding:34px;border-radius:28px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand-yellow) 11%,#fff) 0%,#fff 34%,color-mix(in srgb,var(--brand-coral) 5%,#fff) 100%);border:1px solid color-mix(in srgb,var(--brand-yellow) 22%,#e6e6e6)}.community-intro-v3 h2{margin:4px 0 8px;color:#3b4754;font-size:1.9rem}.community-intro-v3 p{margin:0;color:#78828d;font-size:.9rem}.community-intro-v3>a{display:inline-flex;margin-top:16px;color:#79581b;font-weight:850}.home-community-list-v3{display:grid}.home-community-list-v3 a{display:grid;grid-template-columns:84px minmax(0,1fr) 150px 22px;gap:13px;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(131,115,78,.13)}.home-community-list-v3 a:last-child{border-bottom:0}.home-community-list-v3 span{color:#967125;font-size:.75rem;font-weight:850}.home-community-list-v3 strong{color:#3a4c5d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-community-list-v3 small{color:#8c959d;text-align:right}.home-community-list-v3 i{font-style:normal;color:#ad9769;transition:.16s}.home-community-list-v3 a:hover i{transform:translateX(3px)}

.site-footer-v3{padding:42px 0;background:#f8fafc;border-top:1px solid #e8edf1}.footer-v3-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.footer-brand-block strong{color:#26445f;font-size:1.05rem}.footer-brand-block p{margin:4px 0 0;color:#7b8996;font-size:.87rem}.footer-links-v3{justify-content:flex-end;color:#758391}

@media(max-width:1040px){.home-hero-grid-v3{grid-template-columns:1fr;gap:34px}.hero-journey{grid-template-columns:repeat(3,1fr);padding:18px}.hero-journey-title,.journey-note{grid-column:1/-1}.journey-step{grid-template-columns:30px minmax(0,1fr);min-height:86px}.journey-step em{display:none}.featured-stage-v3{grid-template-columns:1fr}.featured-copy-v3{padding:30px}.topic-grid-v3{grid-template-columns:repeat(2,1fr)}.learning-panel-v3{grid-template-columns:1fr}.community-panel-v3{grid-template-columns:1fr}.home-sign-grid-v3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header-v3 .header-row{min-height:62px;gap:10px}.brand-picture,.brand-logo-image{max-width:132px;max-height:38px}.brand-sub{display:none}.main-nav-v3{display:none}.header-actions-v3{gap:5px}.header-search-button{width:38px;padding:0;justify-content:center}.header-search-button b,.desktop-action,.profile-chip b{display:none}.profile-chip{padding:4px}.home-hero-v3{padding:54px 0 48px}.home-hero-copy-v3 h1{font-size:clamp(2.7rem,13vw,4.15rem)}.home-hero-copy-v3>p{font-size:.97rem}.search-shell-v3{padding:6px;border-radius:18px}.search-shell-v3 .search-leading{display:none}.search-shell-v3 .search-input{min-height:54px;padding-left:10px;font-size:.98rem}.search-shell-v3 .search-button{min-width:82px;min-height:48px}.search-shell-v3 .search-help,.search-form-error{padding-inline:10px}.hero-journey{grid-template-columns:1fr;gap:8px}.hero-journey-title,.journey-note{grid-column:auto}.journey-step{min-height:68px}.section{padding:54px 0}.section-head-v3{align-items:flex-start}.section-head-v3>a{display:none}.featured-copy-v3 h3{font-size:2.7rem}.topic-grid-v3{grid-template-columns:1fr 1fr;gap:9px}.topic-card-v3{min-height:112px;align-items:flex-start;flex-direction:column;gap:8px;padding:13px}.topic-icon-v3{width:42px;height:42px}.topic-arrow-v3{position:absolute;right:12px;top:14px}.learning-panel-v3{padding:29px 22px;border-radius:25px}.learning-copy-v3 h2{font-size:2.4rem}.learning-stats-v3{grid-template-columns:1fr}.learning-go{grid-column:auto}.home-sign-grid-v3{grid-template-columns:1fr 1fr;gap:9px}.home-sign-body-v3{padding:13px}.home-sign-body-v3>p{display:none}.community-panel-v3{padding:22px}.home-community-list-v3 a{grid-template-columns:1fr 24px;gap:2px 8px;padding:12px 0}.home-community-list-v3 span,.home-community-list-v3 small{grid-column:1}.home-community-list-v3 small{text-align:left}.home-community-list-v3 i{grid-column:2;grid-row:1/4;align-self:center}.footer-v3-grid{flex-direction:column}.footer-links-v3{justify-content:flex-start}}
@media(max-width:420px){.container{width:min(calc(100% - 22px),var(--max))}.home-sign-grid-v3{grid-template-columns:1fr}.topic-grid-v3{grid-template-columns:1fr 1fr}.featured-copy-v3{padding:24px 20px}.featured-actions-v3{display:grid}.featured-actions-v3 .btn,.featured-actions-v3 form,.featured-actions-v3 form .btn{width:100%}.quick-keywords-v3 span{width:100%}}