:root{
    --bg:#f4f6f9;--surface:#fff;--navy:#081f38;--navy2:#0d3155;
    --blue:#1677ff;--blue2:#0b63d8;--soft:#eaf3ff;--green:#109766;
    --text:#132237;--muted:#6c7a8d;--border:#e0e6ed;
    --shadow:0 18px 50px rgba(10,31,56,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

.site-header{position:sticky;top:0;z-index:100;background:rgba(8,31,56,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}
.logo{font-size:27px;font-weight:900;letter-spacing:1px}
.main-nav{display:flex;gap:24px;align-items:center;margin-right:auto}
.main-nav a{font-size:14px;color:#dbe7f3}
.main-nav a:hover{color:#fff}
.login-btn{background:#fff;color:var(--navy);padding:10px 16px;border-radius:10px;font-weight:800}
.dev-role{display:flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.06)}
.dev-role span{font-size:11px;color:#adc1d6;margin-right:2px}
.dev-role a{font-size:11px;padding:5px 7px;border-radius:6px;color:#dce7f3}
.dev-role a:hover,.dev-role a.active{background:#1677ff;color:#fff}

.hero{background:radial-gradient(circle at 80% 24%,rgba(49,136,255,.28),transparent 30%),linear-gradient(135deg,#081f38,#0d3155 57%,#174a77);color:#fff;padding:88px 0 124px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.eyebrow,.section-kicker{display:inline-block;color:#1677ff;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.7px}
.eyebrow{color:#dbe7f3;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);padding:7px 13px;border-radius:999px;margin-bottom:20px}
.hero h1{font-size:56px;line-height:1.04;margin-bottom:20px}
.hero p{color:#dbe7f3;font-size:18px;max-width:680px}
.hero-slogan{margin-top:28px;font-weight:800}
.hero-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:26px}
.hero-stat{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.hero-stat:last-child{border-bottom:0}.hero-stat span{color:#c7d4e2}

.simulator-section{margin-top:-62px;position:relative;z-index:3}
.simulator-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.simulator-form,.simulator-result{padding:36px}.simulator-result{background:linear-gradient(145deg,#f7fbff,#eaf3ff)}
.simulator-card h2{font-size:30px;margin:6px 0 22px}
.field{margin-bottom:16px}.field label{display:block;font-weight:800;font-size:14px;margin-bottom:6px}
.input-wrap{position:relative}.input-wrap input{width:100%;height:48px;border:1px solid var(--border);border-radius:10px;padding:0 50px 0 14px}
.unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
.primary-btn{width:100%;height:49px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}
.primary-btn:hover{background:var(--blue2)}
.result-main{margin-top:28px}.result-main span{color:var(--muted);font-size:13px}.result-main strong{display:block;color:var(--green);font-size:46px}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.result-box{background:#fff;border:1px solid #dce7f4;border-radius:12px;padding:16px}.result-box span{font-size:12px;color:var(--muted);display:block}.result-box strong{font-size:19px}
.disclaimer{margin-top:22px;background:#fff;border-left:4px solid var(--blue);border-radius:8px;padding:14px;color:var(--muted);font-size:13px}

.section{padding:84px 0}.section-white{background:#fff}
.section-heading{max-width:760px;text-align:center;margin:0 auto 40px}.section-heading h2{font-size:36px;margin:6px 0 9px}.section-heading p{color:var(--muted)}
.feature-grid,.discussion-grid,.dashboard-grid{display:grid;gap:18px}
.feature-grid{grid-template-columns:repeat(4,1fr)}.discussion-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:repeat(3,1fr)}
.feature-card,.topic-card,.dashboard-card,.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}
.feature-card p,.topic-card p,.dashboard-card p{color:var(--muted);font-size:14px}
.feature-card h3,.topic-card h3,.dashboard-card h3{margin:8px 0}
.feature-icon{width:45px;height:45px;background:var(--soft);color:var(--blue);display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px}
.topic-type{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.6px}.topic-meta{margin-top:14px;color:#8a97a7;font-size:12px}

.about-section{padding:86px 0}.about-card{background:var(--navy);color:#fff;border-radius:22px;padding:46px;display:grid;grid-template-columns:1.4fr .6fr;gap:40px}.about-card p{color:#cbd8e5}.about-points{display:flex;flex-direction:column;gap:11px}.about-points div{padding:13px 15px;background:rgba(255,255,255,.07);border-radius:10px}

.page-wrap{padding:42px 0 80px}.page-title{margin-bottom:24px}.page-title p{color:var(--muted)}
.form-card{max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px}
.form-card h1{margin-bottom:18px}.form-row{margin-bottom:15px}.form-row label{display:block;font-size:14px;font-weight:800;margin-bottom:6px}
.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px}.form-row textarea{min-height:130px;resize:vertical}
.alert{padding:12px 14px;border-radius:9px;margin-bottom:14px}.alert-error{background:#fff0f0;color:#9b2525}.alert-success{background:#edf9f3;color:#137447}

.site-footer{background:#06192c;color:#9fb0c2;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:13px}

@media(max-width:1000px){
    .dev-role{display:none}.main-nav{display:none}
    .hero-grid,.simulator-card,.about-card{grid-template-columns:1fr}
    .hero-panel{display:none}.feature-grid{grid-template-columns:1fr 1fr}.discussion-grid,.dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .container{width:min(100% - 24px,1180px)}.hero{padding:58px 0 100px}.hero h1{font-size:35px}
    .feature-grid,.result-grid{grid-template-columns:1fr}.simulator-form,.simulator-result{padding:24px}.footer-inner{flex-direction:column}
}


/* ===== v0.3 MEMBER / SCENARIOS ===== */
.member-hero-simple{
    background:linear-gradient(135deg,#0a294a,#123e68);
    color:#fff;
    padding:56px 0 70px;
}
.member-hero-simple h1{font-size:42px;margin:8px 0 10px}
.member-hero-simple p{max-width:760px;color:#d6e2ee;font-size:17px}
.compact-top{padding-top:34px}
.dev-notice{background:#fff8dd;border:1px solid #efd88f;border-radius:12px;padding:16px 18px;margin-bottom:22px}
.dev-notice strong{display:block;margin-bottom:3px}.dev-notice p{color:#75672f;font-size:14px}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:20px}
.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:30px;margin-top:5px}
.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.action-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:23px;transition:.2s;display:block}
.action-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(18,44,74,.08)}
.action-card h3{font-size:21px;margin:7px 0}.action-card p{color:var(--muted);font-size:14px;margin-bottom:14px}.action-card b{color:var(--blue);font-size:14px}
.muted-card{opacity:.62}.muted-card:hover{transform:none;box-shadow:none}
.dashboard-section{padding:56px 0 20px}.align-left{text-align:left;margin-left:0}
.clickable{display:block}
.page-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.scenario-layout{display:grid;grid-template-columns:390px 1fr;gap:24px;align-items:start}
.scenario-form-card{max-width:none;margin:0;position:sticky;top:92px}
.scenario-form-card h2{margin:6px 0 20px}
.scenario-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.form-row small{font-weight:400;color:var(--muted)}
.live-preview{background:var(--soft);border:1px solid #d3e5ff;border-radius:12px;padding:15px;margin:6px 0 15px}
.live-preview span,.live-preview small{display:block;color:var(--muted);font-size:12px}.live-preview strong{display:block;font-size:28px;color:var(--green);margin:2px 0}
.primary-btn:disabled{opacity:.5;cursor:not-allowed}
.scenario-list-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.scenario-list-head h2{margin-top:5px}
.count-badge{background:var(--soft);color:var(--blue);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.scenario-list{display:flex;flex-direction:column;gap:14px}
.scenario-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}
.scenario-card-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.scenario-card-top h3{margin-top:5px}.scenario-value{font-size:26px;color:var(--green);white-space:nowrap}
.visibility-tag{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.5px;color:var(--blue)}
.scenario-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}
.scenario-metrics div{background:#f7f9fb;border-radius:9px;padding:10px}.scenario-metrics span{display:block;color:var(--muted);font-size:11px}.scenario-metrics strong{font-size:15px}
.scenario-note{margin-top:12px;color:var(--muted);font-size:12px;border-top:1px solid var(--border);padding-top:10px}
.empty-state{background:#fff;border:1px dashed #cbd5df;border-radius:16px;padding:32px;text-align:center}.empty-state p{color:var(--muted);margin-top:5px}
@media(max-width:900px){.dashboard-stats,.dashboard-actions{grid-template-columns:1fr}.scenario-layout{grid-template-columns:1fr}.scenario-form-card{position:static}.scenario-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.member-hero-simple h1{font-size:33px}.scenario-fields,.scenario-metrics{grid-template-columns:1fr}.scenario-card-top{flex-direction:column}.scenario-value{font-size:24px}}


/* ===== v0.4 IDEAS ===== */
.idea-layout{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}
.idea-form-card{max-width:none;margin:0;position:sticky;top:92px}
.idea-form-card h2{margin:6px 0 20px}.short-textarea{min-height:82px!important}
.idea-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.idea-list-head h2{margin-top:5px}
.idea-list{display:flex;flex-direction:column;gap:13px}
.idea-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;transition:.2s}
.idea-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(18,44,74,.07)}
.idea-card-main{min-width:0}.idea-card h3{font-size:21px;margin:6px 0}.idea-card p{color:var(--muted);font-size:14px}
.idea-tags{display:flex;gap:7px;flex-wrap:wrap}.idea-tag,.idea-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
.idea-tag{background:var(--soft);color:var(--blue)}.idea-status{background:#eef7f2;color:#188458}
.interest-box{min-width:100px;text-align:center;background:#f7f9fb;border-radius:12px;padding:12px}.interest-box strong{display:block;font-size:24px;color:var(--navy)}.interest-box span{display:block;color:var(--muted);font-size:11px}
.idea-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}.idea-detail h1{font-size:38px;margin:10px 0}.idea-lead{font-size:19px;color:#38495b;margin-bottom:25px}.idea-body{border-top:1px solid var(--border);padding-top:22px;color:#34475a}
.interest-panel{position:sticky;top:92px}.interest-number{font-size:52px;display:block;margin-top:8px;color:var(--green)}.interest-label{display:block;color:var(--muted);font-size:13px;margin-bottom:18px}.interest-panel p{color:var(--muted);font-size:13px;margin-bottom:18px}
.secondary-action-btn{width:100%;height:49px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:800;cursor:pointer}
.idea-boundary{margin-top:18px;border-top:1px solid var(--border);padding-top:15px}.idea-boundary strong,.idea-boundary span{display:block}.idea-boundary span{margin-top:4px;color:var(--muted);font-size:12px}.back-link{display:inline-block;color:var(--blue);font-weight:800;margin-bottom:16px}
@media(max-width:900px){.idea-layout,.idea-detail-grid{grid-template-columns:1fr}.idea-form-card,.interest-panel{position:static}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-actions{grid-template-columns:1fr}}
@media(max-width:600px){.idea-card{align-items:flex-start;flex-direction:column}.interest-box{width:100%;text-align:left}.idea-detail h1{font-size:31px}.dashboard-stats{grid-template-columns:1fr}}

/* v0.5 — idea progression */
.stage-track{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin:0 0 22px;
}
.stage-step{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    color:#8b98a7;
}
.stage-step span{
    width:28px;height:28px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:#edf1f5;font-size:12px;font-weight:900;
}
.stage-step strong{font-size:13px}
.stage-step.reached{color:#24445f;border-color:#c8dcef;background:#f8fbff}
.stage-step.reached span{background:var(--soft);color:var(--blue)}
.stage-step.current{border-color:var(--blue);box-shadow:0 0 0 2px rgba(22,119,255,.08)}

.brief-panel{margin-top:20px}
.brief-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}
.brief-head h2{margin-top:5px}
.read-only-badge{background:#eef2f6;color:#667789;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.brief-grid .form-row{margin:0}
.brief-grid textarea{min-height:105px}
.brief-grid .full{grid-column:1/-1}
.brief-save-btn{margin-top:15px;max-width:220px}
.brief-read-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brief-read-item{border:1px solid var(--border);border-radius:12px;padding:15px;background:#fbfcfd}
.brief-read-item strong{display:block;margin-bottom:6px}
.brief-read-item p{color:var(--muted);font-size:14px}
.stage-admin-panel{margin-top:16px}
.stage-admin-panel h3{margin:6px 0}
.stage-admin-panel p{color:var(--muted);font-size:13px;margin-bottom:14px}

@media(max-width:900px){
    .stage-track{grid-template-columns:1fr 1fr}
    .brief-grid,.brief-read-grid{grid-template-columns:1fr}
    .brief-grid .full{grid-column:auto}
}
@media(max-width:600px){
    .stage-track{grid-template-columns:1fr}
}

/* v0.6 — structured idea discussion */
.discussion-section{
    margin-top:34px;
    padding-top:10px;
    scroll-margin-top:90px;
}
.discussion-heading{
    display:flex;
    justify-content:space-between;
    gap:24px;
    margin-bottom:20px;
}
.discussion-heading h2{font-size:30px;margin:5px 0 7px}
.discussion-heading p{color:var(--muted);max-width:760px}

.key-contributions{
    background:#f7fbff;
    border:1px solid #d7e8fb;
    border-radius:18px;
    padding:20px;
    margin-bottom:20px;
}
.key-contributions-head p{color:var(--muted);font-size:13px;margin-top:4px}
.key-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:15px;
}
.key-card{
    background:#fff;
    border:1px solid #dfe9f4;
    border-radius:13px;
    padding:15px;
    display:block;
}
.key-card:hover{border-color:#a8caef;box-shadow:0 8px 20px rgba(27,79,125,.06)}
.key-card strong{display:block;margin:9px 0 4px}
.key-card p{color:var(--text);font-size:13px;margin-bottom:8px}
.key-card small{color:var(--muted)}

.discussion-controls{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    align-items:center;
    margin:0 0 18px;
}
.discussion-controls strong{font-size:13px;margin-right:3px}
.discussion-controls a{
    background:#fff;
    border:1px solid var(--border);
    color:#546476;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}
.discussion-controls a.active,
.discussion-controls a:hover{
    border-color:var(--blue);
    color:var(--blue);
    background:var(--soft);
}

.new-comment-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:17px;
    padding:20px;
    margin-bottom:22px;
}
.new-comment-card h3{margin-bottom:12px}
.new-comment-grid{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:14px;
}
.new-comment-grid .form-row{margin:0}
.new-comment-grid textarea{min-height:110px}
.comment-submit{max-width:220px;margin-top:12px}

.conversation-list{display:flex;flex-direction:column;gap:14px}
.discussion-comment{
    background:#fff;
    border:1px solid var(--border);
    border-radius:15px;
    padding:18px;
}
.reply-stack{
    margin:-4px 0 0 40px;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-left:14px;
    border-left:2px solid #dfe8f1;
}
.reply-comment{background:#fbfcfd}
.comment-topline{
    display:flex;
    justify-content:space-between;
    gap:15px;
    align-items:flex-start;
}
.comment-author{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}
.comment-topline time{color:#8d9aaa;font-size:11px;white-space:nowrap}
.comment-body{margin:13px 0 14px;font-size:15px}

.comment-type,
.highlight-badge,
.brief-badge{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
}
.comment-type{background:#eef2f6;color:#556577}
.type-idea{background:#eaf3ff;color:#1466bd}
.type-question{background:#f3edff;color:#6e46b4}
.type-risk{background:#fff0ee;color:#b84a3b}
.type-source{background:#edf9f3;color:#18845d}
.type-alternative{background:#fff7e7;color:#9b6a14}
.highlight-badge{background:#fff1c8;color:#8b650e}
.brief-badge{background:#e8f7ef;color:#19704f}

.reaction-row{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    padding-top:12px;
    border-top:1px solid #edf0f3;
}
.inline-form{display:inline-flex;align-items:center;gap:5px}
.reaction-btn{
    border:1px solid #dde4eb;
    background:#fff;
    color:#637183;
    border-radius:999px;
    padding:6px 9px;
    font-size:11px;
    cursor:pointer;
}
.reaction-btn span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:17px;
    height:17px;
    margin-left:3px;
    background:#eef2f6;
    border-radius:999px;
    font-size:10px;
}
.reaction-btn:hover,
.reaction-btn.selected{
    border-color:#9dc6f4;
    background:#eef6ff;
    color:#1267c4;
}
.comment-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:11px;
}
.text-action{
    border:0;
    background:none;
    color:#1677ff;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    padding:3px 0;
}
.include-form select{
    border:1px solid var(--border);
    border-radius:7px;
    padding:5px 7px;
    font-size:11px;
    max-width:160px;
}
.reply-form{
    display:none;
    margin-top:12px;
    padding-top:12px;
    border-top:1px dashed #dfe5eb;
}
.reply-form.open{display:block}
.reply-form textarea{
    width:100%;
    min-height:80px;
    border:1px solid var(--border);
    border-radius:9px;
    padding:10px;
    resize:vertical;
}
.small-primary-btn{
    margin-top:7px;
    border:0;
    background:var(--blue);
    color:#fff;
    border-radius:8px;
    padding:8px 12px;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.empty-discussion{
    background:#fff;
    border:1px dashed #cfd8e2;
    color:var(--muted);
    border-radius:14px;
    padding:28px;
    text-align:center;
}

@media(max-width:900px){
    .key-grid{grid-template-columns:1fr}
    .new-comment-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .reply-stack{margin-left:12px}
    .comment-topline{flex-direction:column;gap:6px}
    .include-form{width:100%;flex-wrap:wrap}
}

/* v0.7 — Visitor environment */
.visitor-home{background:#f5f7fa}

.visitor-hero{
    background:
        radial-gradient(circle at 78% 25%,rgba(55,132,220,.22),transparent 28%),
        linear-gradient(135deg,#071c33 0%,#0d3155 58%,#154a76 100%);
    color:#fff;
    padding:86px 0 92px;
}
.visitor-hero-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:68px;
    align-items:center;
}
.visitor-hero h1{
    font-size:58px;
    line-height:1.02;
    letter-spacing:-1.2px;
    margin:0 0 20px;
}
.visitor-lead{
    color:#dbe7f3;
    font-size:19px;
    max-width:690px;
}
.visitor-principle{
    margin-top:25px;
    display:flex;
    flex-direction:column;
    gap:2px;
    padding-left:15px;
    border-left:3px solid rgba(255,255,255,.35);
}
.visitor-principle strong{font-size:15px}
.visitor-principle span{font-size:14px;color:#c7d7e6}
.visitor-actions{
    display:flex;
    gap:11px;
    flex-wrap:wrap;
    margin-top:28px;
}
.primary-link-btn,
.quiet-link-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    border-radius:10px;
    padding:0 18px;
    font-weight:800;
    font-size:14px;
}
.primary-link-btn{background:#1677ff;color:#fff}
.primary-link-btn:hover{background:#0b63d8}
.quiet-link-btn{
    color:#fff;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.07);
}
.quiet-link-btn.dark{
    color:#183854;
    border-color:#cbd8e5;
    background:#fff;
}
.visitor-question-card{
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.15);
    border-radius:22px;
    padding:28px;
}
.visitor-question-card h2{font-size:25px;line-height:1.25;margin:8px 0 12px}
.visitor-question-card>p{color:#cfdeec;font-size:14px}
.mini-values{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:22px 0 13px;
}
.mini-values div{
    background:rgba(255,255,255,.07);
    border-radius:10px;
    padding:11px;
}
.mini-values span,.mini-result span{display:block;color:#bcd0e3;font-size:11px}
.mini-values strong{display:block;margin-top:2px}
.mini-result{
    background:#fff;
    color:#173751;
    border-radius:12px;
    padding:16px;
}
.mini-result span{color:#738496}
.mini-result strong{display:block;font-size:30px;color:#109766;margin-top:2px}

.visitor-tools{padding:78px 0 88px}
.visitor-section-heading{
    max-width:780px;
    margin:0 auto 34px;
    text-align:center;
}
.visitor-section-heading h2{
    font-size:36px;
    line-height:1.15;
    margin:7px 0 10px;
}
.visitor-section-heading p{color:var(--muted)}

.tool-tabs{
    display:flex;
    gap:8px;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:18px;
}
.tool-tab{
    border:1px solid #d8e0e8;
    background:#fff;
    color:#586878;
    min-height:43px;
    padding:0 15px;
    border-radius:999px;
    font-weight:800;
    cursor:pointer;
}
.tool-tab:hover,.tool-tab.active{
    border-color:#1677ff;
    color:#1266bd;
    background:#eaf3ff;
}
.tool-panel{display:none}
.tool-panel.active{display:block}
.tool-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#fff;
    border:1px solid #dfe6ed;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 14px 40px rgba(15,43,72,.07);
}
.tool-form,.tool-result{padding:34px}
.tool-result{background:linear-gradient(145deg,#f8fbff,#eef5fb)}
.tool-form h3,.tool-result h3{font-size:25px;margin:5px 0 22px}
.large-result{margin-top:22px}
.large-result span{display:block;color:var(--muted);font-size:13px}
.large-result strong{
    display:block;
    color:#109766;
    font-size:43px;
    margin-top:3px;
}
.compact-result-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
    margin-top:20px;
}
.compact-result-grid div{
    background:#fff;
    border:1px solid #dde8f2;
    border-radius:11px;
    padding:14px;
}
.compact-result-grid span{display:block;color:var(--muted);font-size:11px}
.compact-result-grid strong{display:block;font-size:18px;margin-top:2px}
.neutral-note{
    margin-top:20px;
    background:#fff;
    border-left:3px solid #9eb8cf;
    border-radius:7px;
    padding:13px;
    color:#6b7b8b;
    font-size:12px;
}
.budget-bar{
    width:100%;
    height:10px;
    background:#dde5ed;
    border-radius:999px;
    overflow:hidden;
    margin-top:18px;
}
.budget-bar div{
    height:100%;
    width:0;
    background:#8ca8bf;
    border-radius:999px;
    transition:width .2s ease;
}

.community-math{
    background:#fff;
    padding:80px 0;
    border-top:1px solid #e5ebf0;
    border-bottom:1px solid #e5ebf0;
}
.community-math-copy{
    max-width:760px;
    margin-bottom:28px;
}
.community-math-copy h2{font-size:36px;line-height:1.15;margin:7px 0 10px}
.community-math-copy p{color:var(--muted)}
.community-math-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}
.community-math-card{
    border:1px solid #dfe5eb;
    border-radius:15px;
    padding:21px;
}
.community-math-card span{display:block;color:#5f7182;font-size:13px}
.community-math-card strong{display:block;font-size:32px;margin:5px 0;color:#173d5c}
.community-math-card small{color:#8a98a7}
.community-question{
    margin-top:18px;
    background:#f6f8fa;
    border-radius:13px;
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:3px;
}
.community-question span{color:var(--muted)}

.visitor-community{padding:82px 0}
.community-flow{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:10px;
    max-width:1000px;
    margin:0 auto 26px;
}
.flow-step{
    background:#fff;
    border:1px solid #dfe6ed;
    border-radius:14px;
    padding:17px;
    text-align:center;
}
.flow-step span{
    width:27px;height:27px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 7px;
    background:#eaf3ff;color:#1677ff;font-size:11px;font-weight:900;
}
.flow-step strong,.flow-step small{display:block}
.flow-step small{color:var(--muted);margin-top:3px}
.flow-arrow{color:#9cabb9;font-size:22px}

.conversation-example{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:11px;
    max-width:950px;
    margin:0 auto;
}
.example-comment{
    background:#fff;
    border:1px solid #dfe6ed;
    border-radius:13px;
    padding:16px;
}
.example-comment p{margin-top:9px;color:#33475a;font-size:14px}

.public-discussions{background:#fff;padding:80px 0}
.center-action{text-align:center;margin-top:24px}

.visitor-about{padding:82px 0}
.visitor-about-card{
    background:#081f38;
    color:#fff;
    border-radius:22px;
    padding:44px;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:44px;
}
.visitor-about-card h2{font-size:36px;margin:6px 0 15px}
.visitor-about-card p{color:#cbd8e5;margin-top:12px}
.visitor-about-card .about-strong{color:#fff;font-weight:800}
.visitor-about-values{display:flex;flex-direction:column;gap:10px}
.visitor-about-values div{
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    padding:13px 15px;
}
.visitor-about-values strong,.visitor-about-values span{display:block}
.visitor-about-values span{color:#b8c8d8;font-size:12px;margin-top:2px}

.visitor-member-cta{padding:0 0 78px}
.visitor-member-card{
    background:#eaf3ff;
    border:1px solid #cadef5;
    border-radius:18px;
    padding:27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.visitor-member-card h2{font-size:27px;margin:5px 0}
.visitor-member-card p{color:var(--muted);max-width:680px}
.visitor-member-actions{display:flex;gap:9px;flex-wrap:wrap}

@media(max-width:900px){
    .visitor-hero-grid,.tool-grid,.visitor-about-card{grid-template-columns:1fr}
    .visitor-question-card{max-width:650px}
    .community-math-grid{grid-template-columns:1fr}
    .community-flow{grid-template-columns:1fr}
    .flow-arrow{transform:rotate(90deg);text-align:center}
    .conversation-example{grid-template-columns:1fr}
}
@media(max-width:600px){
    .visitor-hero{padding:58px 0 68px}
    .visitor-hero h1{font-size:37px}
    .visitor-lead{font-size:16px}
    .visitor-actions,.visitor-member-actions{flex-direction:column;align-items:stretch}
    .mini-values{grid-template-columns:1fr}
    .tool-form,.tool-result{padding:23px}
    .compact-result-grid{grid-template-columns:1fr}
    .large-result strong{font-size:34px}
    .visitor-section-heading h2,.community-math-copy h2,.visitor-about-card h2{font-size:29px}
    .visitor-member-card{flex-direction:column;align-items:flex-start}
}

.role-tools-note{
    display:flex;
    align-items:flex-start;
    gap:12px;
    max-width:900px;
    margin:0 auto 18px;
    padding:13px 15px;
    border:1px solid #dbe4ec;
    border-radius:12px;
    background:#fff;
    color:#506174;
    font-size:13px;
}
.role-tools-note strong{
    color:#173d5c;
    white-space:nowrap;
}
@media(max-width:600px){
    .role-tools-note{flex-direction:column;gap:3px}
}

/* v0.8 — merged project layer */
.header-auth{display:flex;align-items:center;gap:8px}
.header-register{
    color:#fff;
    font-size:13px;
    font-weight:800;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:9px;
}

.project-hero{
    background:linear-gradient(135deg,#081f38,#123e67);
    color:#fff;
    padding:62px 0 84px;
}
.project-hero h1{font-size:44px;margin:8px 0 10px}
.project-hero p{color:#d5e1ed;max-width:760px}

.project-list-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}
.project-list-head h2{margin-top:4px}
.project-principles{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:24px;
}
.project-principles div{
    background:#fff;
    border:1px solid var(--border);
    border-radius:13px;
    padding:15px;
}
.project-principles strong,.project-principles span{display:block}
.project-principles span{font-size:12px;color:var(--muted);margin-top:3px}

.project-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}
.project-card-v2{
    display:block;
    background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    padding:21px;
    transition:.2s ease;
}
.project-card-v2:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 28px rgba(15,43,72,.07);
}
.project-card-v2 h3{font-size:21px;margin:10px 0 7px}
.project-card-v2 p{color:var(--muted);font-size:14px}
.project-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.project-status,.project-category{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
}
.project-status{background:#edf1f5;color:#526273}
.status-active{background:#e8f7ef;color:#19704f}
.status-planning{background:#eaf3ff;color:#1268c4}
.status-paused{background:#fff4dd;color:#8e6917}
.status-completed{background:#eef1f5;color:#4d5c6a}
.status-archived{background:#f1f1f1;color:#777}
.project-category{background:#f6f3ff;color:#6d4eb0}

.project-card-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:17px 0 11px;
}
.project-card-stats div{
    border-top:1px solid #edf0f3;
    padding-top:10px;
}
.project-card-stats strong,.project-card-stats span{display:block}
.project-card-stats span{font-size:11px;color:var(--muted)}

.project-detail-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-start;
    margin:10px 0 22px;
}
.project-detail-head h1{font-size:38px;margin:8px 0}
.project-detail-head p{color:var(--muted);max-width:760px}
.project-detail-grid{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:20px;
    align-items:start;
}
.project-section{margin-top:18px}
.project-description-text{margin-top:12px;color:#33475a}
.project-meta-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:18px;
}
.project-meta-grid div{
    background:#f8fafc;
    border:1px solid #e7edf2;
    border-radius:10px;
    padding:12px;
}
.project-meta-grid span,.project-meta-grid strong{display:block}
.project-meta-grid span{font-size:11px;color:var(--muted)}
.project-meta-grid strong{margin-top:3px;font-size:13px}

.muted-copy{color:var(--muted);font-size:13px;margin:7px 0 16px}
.contribution-form{
    background:#f8fafc;
    border:1px solid #e3e9ef;
    border-radius:13px;
    padding:15px;
    margin-bottom:16px;
}
.contribution-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}
.contribution-submit{max-width:210px}
.contribution-list{display:flex;flex-direction:column;gap:10px}
.contribution-row{
    display:grid;
    grid-template-columns:1fr auto auto;
    gap:14px;
    align-items:center;
    border:1px solid #e2e7ec;
    border-radius:12px;
    padding:13px;
}
.contribution-row strong{display:block;margin-top:4px}
.contribution-row p{font-size:12px;color:var(--muted);margin-top:4px}
.contribution-type{
    display:inline-flex;
    background:#eef4fa;
    color:#315b7b;
    border-radius:999px;
    padding:4px 7px;
    font-size:10px;
    font-weight:900;
}
.contribution-numbers{
    display:flex;
    flex-direction:column;
    gap:3px;
    align-items:flex-end;
    font-size:12px;
}
.contribution-status{
    display:inline-flex;
    padding:3px 6px;
    border-radius:999px;
    background:#f1f3f5;
    font-size:9px;
    font-weight:900;
}
.contribution-status.confirmed{background:#e7f7ef;color:#18704f}
.project-update-form{
    background:#f8fafc;
    border:1px solid #e3e9ef;
    border-radius:13px;
    padding:15px;
    margin-bottom:16px;
}
.project-update-list{display:flex;flex-direction:column;gap:11px}
.project-update{border-top:1px solid #e9edf1;padding-top:12px}
.project-update h3{font-size:17px}
.project-update p{margin-top:5px;color:#3b4d5d}

.project-member-count{
    display:block;
    font-size:38px;
    color:#1677ff;
    margin-top:5px;
}
.project-member-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:14px;
}
.project-member-list div{
    padding:9px 0;
    border-top:1px solid #edf0f3;
}
.project-member-list strong,.project-member-list span{display:block}
.project-member-list span{font-size:11px;color:var(--muted)}

.project-boundary-card{margin-top:16px}
.project-boundary-card h3{margin:5px 0 7px}
.project-boundary-card p{font-size:13px;color:var(--muted)}

.partner-hero{background:linear-gradient(135deg,#081f38,#173c5d)}
.dash-big{display:block;font-size:38px;margin:4px 0;color:#1677ff}
.partner-bridge{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    padding:22px;
    margin:22px 0 26px;
}
.partner-bridge h2{margin:5px 0}
.partner-bridge p{color:var(--muted);max-width:760px}
.section-subtitle{font-size:24px;margin-bottom:14px}

.admin-merged-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.candidate-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:12px 0;
    border-top:1px solid #edf0f3;
}
.candidate-row:first-of-type{border-top:0}
.candidate-row strong,.candidate-row span{display:block}
.candidate-row span{font-size:11px;color:var(--muted)}

.source-idea-note{
    background:#eef6ff;
    border:1px solid #d4e6fa;
    border-radius:10px;
    padding:11px 13px;
    margin:0 0 15px;
}
.project-create-card{max-width:760px}
.project-conversion-panel{margin-top:16px}
.project-conversion-panel h3{margin:5px 0}
.project-conversion-panel p{font-size:13px;color:var(--muted);margin-bottom:12px}

.public-project-teaser{
    max-width:950px;
    margin:0 auto 16px;
    background:#eef5fb;
    border:1px solid #d8e5ef;
    border-radius:13px;
    padding:15px 17px;
}
.public-project-teaser strong,.public-project-teaser span{display:block}
.public-project-teaser span{color:#607487;font-size:13px;margin-top:3px}

.empty-state.small{padding:14px}

@media(max-width:1000px){
    .project-detail-grid{grid-template-columns:1fr}
    .contribution-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
    .project-grid,.project-principles,.admin-merged-grid{grid-template-columns:1fr}
    .project-detail-head,.project-list-head,.partner-bridge{flex-direction:column;align-items:flex-start}
    .project-meta-grid{grid-template-columns:1fr}
    .contribution-row{grid-template-columns:1fr}
    .contribution-numbers{align-items:flex-start}
}
@media(max-width:600px){
    .contribution-grid{grid-template-columns:1fr}
    .header-auth{gap:5px}
    .header-register{display:none}
}

/* =========================================================
   WINC.WORLD v01.1 — dashboard + "Pratim"
   ========================================================= */

.header-user-meta{
    display:flex;
    align-items:center;
    gap:8px;
}
.header-role-pill{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    color:#dbe7f2;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.dashboard-identity-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
}
.dashboard-role-card{
    min-width:170px;
    padding:14px 16px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(255,255,255,.07);
}
.dashboard-role-card span,
.dashboard-role-card strong{display:block}
.dashboard-role-card span{
    color:#bfcddd;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.dashboard-role-card strong{
    margin-top:4px;
    color:#fff;
    font-size:21px;
}

.follow-section{
    margin-top:8px;
    margin-bottom:28px;
}
.follow-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.follow-card{
    display:block;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
    padding:16px;
    transition:.18s ease;
}
.follow-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(15,43,72,.07);
}
.follow-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.follow-type{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    background:#eef4fa;
    color:#335d7e;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.follow-type.type-idea{background:#f4efff;color:#6d4eb0}
.follow-type.type-project{background:#eaf7ef;color:#19704f}
.new-activity{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    background:#fff0d7;
    color:#8c5d08;
    font-size:10px;
    font-weight:900;
}
.follow-card h3{
    margin:11px 0 8px;
    font-size:17px;
}
.follow-meta{
    color:var(--muted);
    font-size:11px;
}
.follow-empty{
    text-align:left;
}

.detail-title-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.favorite-form{
    margin:0;
    flex:0 0 auto;
}
.favorite-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 13px;
    border:1px solid #ccd7e1;
    border-radius:10px;
    background:#fff;
    color:#435a6f;
    font-weight:800;
    font-size:12px;
    cursor:pointer;
}
.favorite-btn:hover{
    border-color:#9eb3c5;
    background:#f7fafc;
}
.favorite-btn.active{
    border-color:#e3c36c;
    background:#fff8dc;
    color:#7e5e06;
}
.project-head-actions{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
}

@media(max-width:900px){
    .follow-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
    .dashboard-identity-row,
    .detail-title-row{
        flex-direction:column;
        align-items:flex-start;
    }
    .follow-grid{grid-template-columns:1fr}
    .dashboard-role-card{min-width:0;width:100%}
}

/* WINC.WORLD v01.2 — dedicated following page + project follow signal */

.following-hero{
    background:linear-gradient(135deg,#0c2a48,#183f63);
}

.follow-controls{
    display:flex;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:20px;
}
.follow-filter-group{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
}
.filter-chip{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 11px;
    border:1px solid #d7e0e7;
    border-radius:999px;
    background:#fff;
    color:#4f6477;
    font-size:11px;
    font-weight:800;
}
.filter-chip:hover{
    border-color:#a9b9c6;
    background:#f8fafc;
}
.filter-chip.active{
    background:#123e67;
    border-color:#123e67;
    color:#fff;
}

.following-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.following-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:16px 18px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
    transition:.18s ease;
}
.following-row:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(15,43,72,.06);
}
.following-main{
    min-width:0;
}
.following-row-top{
    display:flex;
    align-items:center;
    gap:8px;
}
.following-row h3{
    margin:7px 0 5px;
    font-size:17px;
}
.following-activity{
    min-width:150px;
    text-align:right;
}
.following-activity strong,
.following-activity span{
    display:block;
}
.following-activity strong{
    font-size:22px;
    color:#1677ff;
}
.following-activity span{
    font-size:11px;
    color:var(--muted);
}

.section-inline-action{
    display:flex;
    justify-content:flex-end;
    margin:-10px 0 12px;
}

.project-follow-signal{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    padding:13px 14px;
    margin:16px 0;
    border:1px solid #dfe8ef;
    border-radius:12px;
    background:#f8fbfd;
}
.project-follow-signal strong{
    font-size:25px;
    color:#1677ff;
}
.project-follow-signal span{
    font-size:13px;
    font-weight:800;
}
.project-follow-signal small{
    color:var(--muted);
    font-size:10px;
}

.project-follow-mini{
    margin-top:10px;
    font-size:11px;
    font-weight:800;
    color:#5c7081;
}

.project-card-stats{
    grid-template-columns:repeat(3,1fr);
}

@media(max-width:700px){
    .following-row{
        flex-direction:column;
        align-items:flex-start;
    }
    .following-activity{
        min-width:0;
        text-align:left;
    }
    .project-card-stats{
        grid-template-columns:1fr 1fr;
    }
}


/* WINC.WORLD v01.3 — Pilot & Learning */
.learning-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.lifecycle-badge,.project-lifecycle{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef4fa;color:#315b7b;font-size:10px;font-weight:900}.stage-pilot{background:#eaf3ff;color:#1268c4}.stage-evaluation{background:#fff4dd;color:#8e6917}.stage-decision{background:#f4efff;color:#6d4eb0}.stage-scaling{background:#e8f7ef;color:#19704f}.stage-closed{background:#f1f1f1;color:#727272}.lifecycle-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.lifecycle-step{padding:10px 8px;border:1px solid #dfe6ec;border-radius:10px;background:#f9fbfc;color:#718292;text-align:center;font-size:11px;font-weight:800}.lifecycle-step.active{background:#123e67;border-color:#123e67;color:#fff}.learning-budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 22px}.learning-budget-grid div{border:1px solid #e2e9ef;border-radius:11px;background:#f8fafc;padding:12px}.learning-budget-grid span,.learning-budget-grid strong{display:block}.learning-budget-grid span{color:var(--muted);font-size:10px}.learning-budget-grid strong{margin-top:4px;font-size:14px}.learning-admin-details{border:1px dashed #cfdbe5;border-radius:11px;padding:12px;margin-bottom:18px}.learning-admin-details summary{cursor:pointer;font-size:12px;font-weight:800}.learning-admin-form{margin-top:12px}.learning-subsection{border-top:1px solid #e8edf1;padding-top:22px;margin-top:22px}.hypothesis-list,.decision-list{display:flex;flex-direction:column;gap:10px}.hypothesis-card,.decision-card{border:1px solid #dfe7ee;border-radius:12px;padding:14px;background:#fbfcfd}.hypothesis-top{display:flex;justify-content:space-between;gap:10px}.hypothesis-status,.metric-status,.lesson-category,.decision-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef1f4;font-size:9px;font-weight:900}.status-confirmed,.status-met,.status-on_track,.decision-scale{background:#e8f7ef;color:#19704f}.status-rejected,.status-missed,.status-off_track,.decision-close{background:#fff0ef;color:#a44036}.status-inconclusive,.decision-pause{background:#fff4dd;color:#8e6917}.decision-adapt{background:#eaf3ff;color:#1268c4}.inline-learning-form{display:grid;grid-template-columns:180px 1fr auto;gap:8px;margin-top:11px}.learning-add-form{margin-top:14px;padding:14px;border:1px solid #e0e7ed;border-radius:12px;background:#f8fafc}.compact-learning-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.metric-table{border:1px solid #e0e7ed;border-radius:12px;overflow:hidden}.metric-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px;padding:10px 12px;border-top:1px solid #edf1f4;font-size:12px;align-items:center}.metric-header{background:#f5f8fa;color:#6a7d8d;font-size:10px;font-weight:900;text-transform:uppercase}.metric-edit-row{display:grid;grid-template-columns:1fr 180px 1fr auto;gap:8px;padding:9px 12px 12px;border-top:1px dashed #e3e9ee;background:#fbfcfd}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lesson-card{border:1px solid #dfe7ee;border-radius:12px;padding:14px}.lesson-card small{display:block;margin-top:10px;color:var(--muted)}.project-card-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}@media(max-width:900px){.learning-budget-grid,.lesson-grid{grid-template-columns:1fr 1fr}.lifecycle-track{grid-template-columns:1fr 1fr}.inline-learning-form,.metric-edit-row,.compact-learning-form{grid-template-columns:1fr}}@media(max-width:600px){.learning-head{flex-direction:column}.learning-budget-grid,.lesson-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr}.metric-header{display:none}}

/* WINC.WORLD v01.3a — topic description vs. discussion */

.topic-description-block{
    margin-top:18px;
    padding:16px 18px;
    border:1px solid #dfe7ee;
    border-radius:13px;
    background:#f8fafc;
}
.topic-description-block p{
    margin-top:6px;
    color:#405466;
    line-height:1.7;
}
.topic-description-editor{
    margin-top:12px;
    padding:12px 14px;
    border:1px dashed #cfdbe5;
    border-radius:11px;
    background:#fff;
}
.topic-description-editor summary{
    cursor:pointer;
    font-size:12px;
    font-weight:800;
}
.topic-description-editor form{
    margin-top:12px;
}
.discussion-section-title{
    margin:26px 0 12px;
}
.discussion-section-title h2{
    margin-top:4px;
    font-size:23px;
}

/* WINC.WORLD v01.4 — clearer homepage purpose */

.visitor-hero-v2{
    padding-top:86px;
    padding-bottom:74px;
}
.visitor-hero-v2 .visitor-hero-copy h1{
    max-width:760px;
}
.visitor-lead-strong{
    color:#163a5a;
    font-weight:800;
    font-size:20px;
    max-width:760px;
}
.visitor-purpose-card h2{
    font-size:27px;
    line-height:1.2;
}
.purpose-examples{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
    margin:18px 0;
}
.purpose-examples div{
    border:1px solid #dfe7ee;
    background:#f8fafc;
    border-radius:11px;
    padding:11px;
}
.purpose-examples strong,
.purpose-examples span{
    display:block;
}
.purpose-examples strong{
    font-size:13px;
    margin-bottom:2px;
}
.purpose-examples span{
    font-size:10px;
    color:var(--muted);
}
.purpose-note strong{
    font-size:18px;
}

.winc-path{
    padding:74px 0;
    background:#fff;
    border-bottom:1px solid #e9eef2;
}
.winc-path-heading{
    max-width:860px;
}
.winc-path-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:28px;
}
.winc-path-step{
    min-height:175px;
    border:1px solid #dde6ed;
    border-radius:15px;
    padding:18px;
    background:#fbfcfd;
}
.path-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#123e67;
    color:#fff;
    font-size:10px;
    font-weight:900;
    margin-bottom:16px;
}
.winc-path-step strong{
    display:block;
    font-size:19px;
    margin-bottom:7px;
}
.winc-path-step p{
    color:#5c6f80;
    font-size:13px;
    line-height:1.6;
}
.winc-core-question{
    margin-top:20px;
    padding:22px 24px;
    border-radius:15px;
    background:#102f4a;
    color:#fff;
    display:flex;
    gap:8px 12px;
    align-items:baseline;
    flex-wrap:wrap;
}
.winc-core-question span{
    color:#bfd0df;
    font-size:13px;
}
.winc-core-question strong{
    font-size:17px;
}
.community-flow-long{
    grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto;
}
.community-flow-long .flow-step{
    min-width:0;
}

@media(max-width:980px){
    .winc-path-grid{grid-template-columns:1fr 1fr}
    .community-flow-long{
        grid-template-columns:1fr;
    }
    .community-flow-long .flow-arrow{
        transform:rotate(90deg);
        justify-self:center;
    }
}
@media(max-width:700px){
    .purpose-examples,
    .winc-path-grid{
        grid-template-columns:1fr;
    }
    .visitor-hero-v2{
        padding-top:56px;
    }
    .visitor-lead-strong{
        font-size:17px;
    }
}

/* v01.5 CLEAN — isolated WINC Community branding only */

.site-header .winc-brand{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    width:auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    box-shadow:none;
    text-decoration:none;
}

.site-header .winc-brand img{
    display:block;
    width:auto;
    height:30px;
    max-width:155px;
    object-fit:contain;
}

.site-footer .footer-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.winc-footer-brand{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}

.winc-footer-brand img{
    display:block;
    width:auto;
    height:34px;
    max-width:175px;
    object-fit:contain;
}

.winc-footer-copy{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-left:auto;
    text-align:right;
}

@media (max-width:760px){
    .site-header .winc-brand img{
        height:26px;
        max-width:135px;
    }

    .site-footer .footer-inner{
        justify-content:center;
    }

    .winc-footer-brand img{
        height:30px;
        max-width:155px;
    }

    .winc-footer-copy{
        width:100%;
        margin-left:0;
        text-align:center;
    }
}


/* WINC Community v01.6 — Living Idea Pool */

.project-opportunity-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px 22px;
    margin-bottom:22px;
    border:1px solid #cdddea;
    border-radius:16px;
    background:#edf6ff;
}
.project-opportunity-banner.selected{background:#edf8f2;border-color:#cae8d8}
.project-opportunity-banner h2{margin:4px 0 5px}
.project-opportunity-banner p{margin:3px 0;color:#53687a}

.ranked-idea-card{
    position:relative;
    display:grid;
    grid-template-columns:52px 1fr;
    gap:14px;
}
.idea-rank-number{
    align-self:start;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;height:42px;
    border-radius:50%;
    background:#123e67;
    color:#fff;
    font-weight:900;
}
.idea-mini-stats{
    display:flex;
    gap:8px 18px;
    flex-wrap:wrap;
    margin-top:12px;
    font-size:11px;
    color:#647789;
}
.idea-mini-stats strong{color:#233d53}

.idea-pool-strip{
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:18px;
    padding:12px 15px;
    border-radius:12px;
    background:#eef5fb;
    border:1px solid #d8e5ef;
}
.idea-pool-strip span{font-weight:900;color:#315b7b}
.idea-pool-strip strong{font-size:18px}
.idea-pool-strip small{color:var(--muted)}

.idea-rating-panel .community-score{
    display:flex;
    align-items:baseline;
    gap:4px;
    margin:8px 0;
}
.idea-rating-panel .community-score strong{
    font-size:42px;
    line-height:1;
    color:#1677ff;
}
.idea-rating-panel .community-score span{font-weight:900;color:#647789}

.idea-selected-panel{
    border-color:#cae8d8 !important;
    background:#f3fbf6 !important;
}
.compact-btn{padding:8px 11px!important;font-size:11px!important}

.opportunity-create-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:12px;
    align-items:end;
}
.opportunity-create-grid .full{grid-column:1/-1}
.opportunity-list{display:flex;flex-direction:column;gap:10px}
.opportunity-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    border:1px solid #dfe7ee;
    border-radius:13px;
    background:#fff;
}
.opportunity-card h3{margin:5px 0}
.opportunity-card p,.opportunity-card small{display:block;color:#617487}
.opportunity-status{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    background:#eef1f4;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}
.opportunity-status.status-open{background:#eaf3ff;color:#1268c4}
.opportunity-status.status-selected{background:#fff4dd;color:#8e6917}
.opportunity-status.status-closed{background:#eceff1;color:#626e77}

.opportunity-detail-head{
    display:flex;
    justify-content:space-between;
    gap:25px;
    align-items:flex-start;
}
.opportunity-capital{
    min-width:220px;
    padding:14px;
    border-radius:12px;
    background:#f5f8fa;
}
.opportunity-capital span,.opportunity-capital strong{display:block}
.opportunity-capital span{font-size:10px;color:var(--muted)}
.opportunity-capital strong{font-size:22px;margin-top:3px}

.selection-rule,
.recommended-idea-callout,
.selected-idea-callout{
    margin:18px 0;
    padding:19px 21px;
    border-radius:15px;
}
.selection-rule{background:#f7f9fb;border:1px solid #dfe7ed}
.recommended-idea-callout{background:#edf6ff;border:1px solid #cdddea}
.selected-idea-callout{background:#edf8f2;border:1px solid #cae8d8}
.selection-rule h2,.recommended-idea-callout h2,.selected-idea-callout h2{margin:4px 0 7px}

.selection-ranking{
    display:flex;
    flex-direction:column;
}
.selection-rank-row{
    display:grid;
    grid-template-columns:50px 1fr 105px 120px;
    gap:12px;
    align-items:center;
    padding:13px 10px;
    border-top:1px solid #e9eef2;
}
.selection-rank-row:first-child{border-top:0}
.selection-rank-row.not-eligible{opacity:.56}
.selection-rank-no{font-size:18px;font-weight:900;color:#6a7d8d}
.selection-rank-main strong,.selection-rank-main span,.selection-rank-main small{display:block}
.selection-rank-main span{font-size:11px;color:#607486;margin-top:3px}
.selection-rank-main small{font-size:10px;color:#9a5c28;margin-top:4px}
.selection-rank-score{text-align:right}
.selection-rank-score strong{font-size:20px;color:#1677ff}
.selection-rank-score span,.selection-rank-score small{display:block;font-size:10px;color:#6a7d8d}
.selection-rank-budget{text-align:right}
.selection-rank-budget span,.selection-rank-budget strong{display:block}
.selection-rank-budget span{font-size:9px;color:var(--muted)}
.close-opportunity-form{margin-top:15px;text-align:right}
.panel-head-action{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}

@media(max-width:850px){
    .project-opportunity-banner,
    .opportunity-detail-head{flex-direction:column}
    .opportunity-create-grid{grid-template-columns:1fr}
    .opportunity-create-grid .full{grid-column:auto}
    .selection-rank-row{grid-template-columns:42px 1fr}
    .selection-rank-score,.selection-rank-budget{text-align:left}
}


/* WINC Community v01.6a — topic visibility */

.field-help{
    display:block;
    margin-top:6px;
    color:var(--muted);
    font-size:10px;
    line-height:1.45;
}

.topic-settings-wrap{
    margin-top:12px;
}

.topic-settings-panel{
    border:1px solid #dbe5ed;
    border-radius:12px;
    background:#f8fafc;
    padding:11px 14px;
}

.topic-settings-panel summary{
    cursor:pointer;
    font-size:12px;
    font-weight:900;
    color:#315b7b;
}

.topic-settings-panel form{
    margin-top:13px;
    max-width:680px;
}


/* WINC Community v01.7 — How WINC Works */
.how-winc-hero{background:linear-gradient(135deg,#0d2b48,#173f63)}
.how-winc-page{max-width:1180px}
.how-principle{margin-bottom:24px}
.how-principle h2,.how-boundary-panel h2{margin:5px 0 10px}
.how-principle p,.how-boundary-panel p{max-width:900px;color:#506476;line-height:1.7}
.how-flow-section,.how-growth-section{margin:34px 0}
.section-heading{margin-bottom:18px}
.section-heading h2{margin:4px 0 7px}
.section-heading p{max-width:850px;color:#607486}
.how-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.how-flow-card{border:1px solid #dfe7ee;border-radius:15px;background:#fff;padding:18px}
.how-flow-card>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#123e67;color:#fff;font-size:10px;font-weight:900;margin-bottom:13px}
.how-flow-card h3{margin:0 0 7px}
.how-flow-card p{margin:0;color:#5d7182;font-size:12px;line-height:1.6}
.how-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
.how-role-grid article{padding:15px;border-radius:12px;background:#f8fafc;border:1px solid #e1e8ee}
.how-role-grid strong{display:block;margin-bottom:6px}
.how-role-grid p{margin:0;color:#607486;font-size:12px;line-height:1.55}
.growth-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.growth-stage-card{padding:20px;border-radius:15px;background:#102f4a;color:#fff;min-height:190px}
.growth-stage-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);font-weight:900;margin-bottom:14px}
.growth-stage-card h3{margin:0 0 8px}
.growth-stage-card p{color:#d3e0eb;font-size:12px;line-height:1.55}
.growth-stage-card small{display:block;margin-top:13px;color:#9fc0da}
.how-strong-line{margin-top:14px!important;font-weight:800;color:#183f63!important}
.home-growth-preview{padding:66px 0;background:#eef4f8;border-top:1px solid #dce6ee}
.home-growth-preview .container{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.home-growth-copy h2{margin:5px 0 10px;font-size:32px}
.home-growth-copy p{max-width:700px;color:#526779;line-height:1.7;margin-bottom:18px}
.home-growth-stages{display:flex;flex-direction:column;gap:9px}
.home-growth-stages div{padding:14px 16px;border:1px solid #d7e2ea;border-radius:12px;background:#fff}
.home-growth-stages strong,.home-growth-stages span{display:block}
.home-growth-stages strong{margin-bottom:3px}
.home-growth-stages span{color:#687b8b;font-size:11px}
@media(max-width:950px){
  .how-flow-grid{grid-template-columns:1fr 1fr}
  .how-role-grid{grid-template-columns:1fr 1fr}
  .home-growth-preview .container{grid-template-columns:1fr}
}
@media(max-width:650px){
  .how-flow-grid,.how-role-grid,.growth-stage-grid{grid-template-columns:1fr}
  .home-growth-copy h2{font-size:25px}
}


/* WINC Community v01.7a — Personal vs Project Tools */

.tools-hero{
    background:linear-gradient(135deg,#0d2b48,#173f63);
}

.tools-intro{
    margin-bottom:20px;
}
.tools-intro h2{
    margin:5px 0 9px;
}
.tools-intro p{
    max-width:900px;
    color:#586d7e;
    line-height:1.65;
}

.tool-hub-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.tool-hub-card{
    display:block;
    min-height:190px;
    padding:18px;
    border:1px solid #dfe7ee;
    border-radius:15px;
    background:#fff;
}
a.tool-hub-card{
    transition:.18s ease;
}
a.tool-hub-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 26px rgba(15,43,72,.07);
}
.tool-hub-card h3{
    margin:12px 0 8px;
    font-size:19px;
}
.tool-hub-card p{
    color:#607486;
    font-size:12px;
    line-height:1.6;
}
.tool-hub-card > strong{
    display:block;
    margin-top:14px;
    color:#1268c4;
    font-size:12px;
}
.active-tool{
    border-color:#bdd8ef;
    background:#f8fbff;
}

.tool-status{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.tool-status.ready{
    background:#e8f7ef;
    color:#19704f;
}
.tool-status.planned{
    background:#eef4fa;
    color:#315b7b;
}

.tools-boundary-note{
    display:flex;
    gap:9px 14px;
    align-items:baseline;
    flex-wrap:wrap;
    margin-top:20px;
    padding:17px 19px;
    border-radius:13px;
    background:#102f4a;
    color:#fff;
}
.tools-boundary-note strong{
    font-size:14px;
}
.tools-boundary-note span{
    color:#c9d8e4;
    font-size:12px;
}
.tools-boundary-note.project-note{
    background:#183f63;
}

@media(max-width:950px){
    .tool-hub-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:650px){
    .tool-hub-grid{
        grid-template-columns:1fr;
    }
}


/* WINC Community v01.8 — Goal Capital Simulator */

.goal-hero{
    background:linear-gradient(135deg,#0d2b48,#173f63);
}
.goal-page{
    max-width:1180px;
}
.goal-simulator{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    align-items:start;
}
.goal-controls-panel,
.goal-result-panel{
    border:1px solid #dfe7ee;
    border-radius:18px;
    background:#fff;
    padding:22px;
}
.goal-main-target{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #e6edf2;
}
.goal-main-target label,
.slider-head label{
    display:block;
    font-weight:900;
    color:#233d53;
}
.goal-main-target small,
.slider-head small{
    display:block;
    margin-top:3px;
    color:#718392;
    font-size:10px;
}
.goal-target-input-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:9px;
}
.goal-target-input-wrap input{
    width:100%;
    min-height:48px;
    padding:0 14px;
    border:1px solid #cfdbe5;
    border-radius:11px;
    font-size:22px;
    font-weight:900;
    color:#123e67;
}
.goal-target-input-wrap span{
    font-size:18px;
    font-weight:900;
    color:#526779;
}

.slider-control{
    padding:17px 0;
    border-bottom:1px solid #edf1f4;
}
.slider-control:last-child{
    border-bottom:0;
}
.slider-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}
.slider-head strong{
    flex:0 0 auto;
    color:#1268c4;
    font-size:16px;
}
.slider-control input[type="range"]{
    width:100%;
    margin:16px 0 5px;
    accent-color:#1677ff;
}
.slider-scale{
    display:flex;
    justify-content:space-between;
    color:#8b9aa7;
    font-size:9px;
}

.goal-result-panel{
    position:sticky;
    top:90px;
}
.goal-status{
    margin-top:9px;
    padding:20px;
    border-radius:14px;
    background:#f4f7f9;
}
.goal-status span,
.goal-status strong,
.goal-status small{
    display:block;
}
.goal-status span{
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.goal-status strong{
    margin:5px 0;
    font-size:38px;
    line-height:1;
    color:#123e67;
}
.goal-status small{
    color:#647789;
}
.goal-status.reached{
    background:#edf8f2;
}
.goal-status.reached span{
    color:#19704f;
}
.goal-status.not-reached{
    background:#fff8ec;
}
.goal-status.not-reached span{
    color:#946718;
}

.goal-progress-wrap{
    margin:20px 0;
}
.goal-progress-track{
    height:10px;
    border-radius:999px;
    background:#e7edf2;
    overflow:hidden;
}
.goal-progress-fill{
    height:100%;
    width:0;
    border-radius:999px;
    background:#1677ff;
    transition:width .18s ease;
}
.goal-progress-labels{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:7px;
    color:#718392;
    font-size:9px;
}
.goal-progress-labels strong{
    color:#315b7b;
}

.goal-result-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.goal-result-grid div{
    padding:12px;
    border:1px solid #e1e8ee;
    border-radius:11px;
    background:#fafcfd;
}
.goal-result-grid span,
.goal-result-grid strong{
    display:block;
}
.goal-result-grid span{
    font-size:9px;
    color:#7a8a98;
}
.goal-result-grid strong{
    margin-top:4px;
    font-size:14px;
    color:#263e52;
}

.goal-insight{
    margin-top:16px;
    padding:14px;
    border-radius:12px;
    background:#eef5fb;
    color:#466176;
    font-size:11px;
    line-height:1.6;
}
.goal-insight strong{
    color:#183f63;
}
.goal-disclaimer{
    margin-top:14px;
    display:flex;
    gap:6px;
    align-items:flex-start;
    color:#758694;
    font-size:9px;
    line-height:1.5;
}
.goal-disclaimer strong{
    color:#596e7f;
}

.goal-explain{
    margin-top:18px;
}
.goal-explain h2{
    margin:5px 0 8px;
}
.goal-explain p{
    max-width:850px;
    color:#607486;
    line-height:1.65;
}

.goal-home-teaser{
    padding:60px 0;
    background:#fff;
    border-top:1px solid #e3eaef;
}
.goal-home-teaser .container{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:30px;
    align-items:center;
}
.goal-home-copy h2{
    margin:5px 0 10px;
    font-size:31px;
}
.goal-home-copy p{
    color:#586d7e;
    line-height:1.7;
    max-width:700px;
    margin-bottom:18px;
}
.goal-home-mini{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.goal-home-mini div{
    padding:15px;
    border-radius:12px;
    border:1px solid #dce5ec;
    background:#f8fafc;
}
.goal-home-mini span,
.goal-home-mini strong{
    display:block;
}
.goal-home-mini span{
    color:#788895;
    font-size:9px;
}
.goal-home-mini strong{
    margin-top:3px;
    font-size:17px;
    color:#183f63;
}

@media(max-width:900px){
    .goal-simulator{
        grid-template-columns:1fr;
    }
    .goal-result-panel{
        position:static;
    }
    .goal-home-teaser .container{
        grid-template-columns:1fr;
    }
}
@media(max-width:600px){
    .goal-result-grid,
    .goal-home-mini{
        grid-template-columns:1fr;
    }
    .slider-head{
        flex-direction:column;
        gap:7px;
    }
    .goal-status strong{
        font-size:30px;
    }
    .goal-home-copy h2{
        font-size:25px;
    }
}


/* WINC Community v01.8a — standalone personal finance tools */

.public-tools-directory{
    padding:66px 0;
    background:#fff;
    border-top:1px solid #e2e9ef;
}
.public-tools-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:22px;
}
.public-tool-link{
    display:block;
    min-height:175px;
    padding:17px;
    border:1px solid #dfe7ee;
    border-radius:14px;
    background:#f9fbfc;
    transition:.18s ease;
}
.public-tool-link:hover{
    transform:translateY(-2px);
    box-shadow:0 9px 24px rgba(15,43,72,.07);
}
.public-tool-link>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;height:30px;
    border-radius:50%;
    background:#eef4fa;
    color:#315b7b;
    font-size:9px;
    font-weight:900;
    margin-bottom:12px;
}
.public-tool-link strong,
.public-tool-link small{
    display:block;
}
.public-tool-link strong{
    font-size:17px;
    color:#213a4f;
    margin-bottom:6px;
}
.public-tool-link small{
    color:#657888;
    line-height:1.55;
}
.public-tool-link.featured{
    border-color:#bdd8ef;
    background:#f5faff;
}

.finance-tool-hero{
    background:linear-gradient(135deg,#0d2b48,#173f63);
}
.finance-tool-page{
    max-width:1100px;
}
.finance-calc-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    align-items:start;
}
.finance-input-panel,
.finance-result-panel{
    padding:20px;
    border:1px solid #dfe7ee;
    border-radius:16px;
    background:#fff;
}
.finance-result-panel{
    position:sticky;
    top:90px;
}
.finance-field{
    margin-bottom:15px;
}
.finance-field:last-child{margin-bottom:0}
.finance-field label{
    display:block;
    margin-bottom:6px;
    color:#314c61;
    font-size:11px;
    font-weight:900;
}
.money-input{
    display:flex;
    align-items:center;
    border:1px solid #d1dce5;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}
.money-input input{
    flex:1;
    min-width:0;
    border:0;
    padding:11px 12px;
    font-size:15px;
    font-weight:800;
    outline:none;
}
.money-input span{
    padding:0 11px;
    color:#6e8190;
    font-size:11px;
    font-weight:800;
}
.finance-main-result{
    margin:8px 0 16px;
    padding:17px;
    border-radius:13px;
    background:#eef5fb;
}
.finance-main-result span,
.finance-main-result strong{
    display:block;
}
.finance-main-result span{
    color:#62798b;
    font-size:10px;
}
.finance-main-result strong{
    margin-top:4px;
    color:#123e67;
    font-size:30px;
}
.finance-metrics{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}
.finance-metrics div{
    padding:11px;
    border:1px solid #e1e8ee;
    border-radius:10px;
    background:#fbfcfd;
}
.finance-metrics span,
.finance-metrics strong{
    display:block;
}
.finance-metrics span{
    color:#7b8b98;
    font-size:9px;
}
.finance-metrics strong{
    margin-top:3px;
    color:#2a4357;
    font-size:13px;
}
.finance-message{
    margin-top:14px;
    padding:12px;
    border-radius:10px;
    background:#f5f7f9;
    color:#667a8a;
    font-size:10px;
    line-height:1.55;
}
.finance-message.positive{background:#edf8f2;color:#39705a}
.finance-message.negative{background:#fff1ef;color:#914a42}
.finance-explain{
    margin-top:16px;
}
.finance-explain h2{margin:5px 0 7px}
.finance-explain p{max-width:850px;color:#607486;line-height:1.65}

.debt-comparison{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin:9px 0 14px;
}
.debt-comparison>div{
    padding:14px;
    border:1px solid #dfe7ee;
    border-radius:12px;
    background:#fafcfd;
}
.debt-comparison>div.highlight{
    background:#edf8f2;
    border-color:#cce7d9;
}
.debt-comparison span,
.debt-comparison strong,
.debt-comparison small{
    display:block;
}
.debt-comparison span{font-size:9px;color:#7a8c99}
.debt-comparison strong{font-size:20px;margin:3px 0;color:#183f63}
.debt-comparison small{font-size:9px;color:#718392}

@media(max-width:950px){
    .public-tools-grid{grid-template-columns:1fr 1fr}
    .finance-calc-layout{grid-template-columns:1fr}
    .finance-result-panel{position:static}
}
@media(max-width:600px){
    .public-tools-grid{grid-template-columns:1fr}
    .finance-metrics{grid-template-columns:1fr}
    .debt-comparison{grid-template-columns:1fr}
}


/* WINC Community v01.8b — cross-navigation between personal tools */
.tool-switcher{
    margin-top:18px;
    padding:16px 18px;
    border:1px solid #dfe7ee;
    border-radius:14px;
    background:#f8fafc;
}
.tool-switcher-head{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:11px;
}
.tool-switcher-head strong{
    font-size:11px;
    color:#607486;
}
.tool-switcher-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.tool-switch-link{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 12px;
    border:1px solid #d4dfe7;
    border-radius:999px;
    background:#fff;
    color:#365168;
    font-size:11px;
    font-weight:800;
    transition:.16s ease;
}
.tool-switch-link:hover{
    border-color:#aebfcb;
    background:#f5f8fa;
}
.tool-switch-link.active{
    background:#123e67;
    border-color:#123e67;
    color:#fff;
    pointer-events:none;
}
@media(max-width:600px){
    .tool-switcher-links{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .tool-switch-link{
        justify-content:center;
        text-align:center;
    }
}
@media(max-width:420px){
    .tool-switcher-links{
        grid-template-columns:1fr;
    }
}


/* WINC Community v01.8c — Emergency Reserve */
.reserve-progress-wrap{
    margin-top:16px;
}
.reserve-progress-track{
    height:10px;
    border-radius:999px;
    background:#e7edf2;
    overflow:hidden;
}
.reserve-progress-fill{
    width:0;
    height:100%;
    border-radius:999px;
    background:#1677ff;
    transition:width .18s ease;
}
.reserve-progress-labels{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:7px;
    color:#6f8190;
    font-size:9px;
}
@media(max-width:1150px){
    .public-tools-grid{
        grid-template-columns:repeat(3,1fr);
    }
}
@media(max-width:800px){
    .public-tools-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:520px){
    .public-tools-grid{
        grid-template-columns:1fr;
    }
}


/* WINC Community v01.9 — Pilot Budget */
.project-finance-hero{background:linear-gradient(135deg,#0d2b48,#173f63)}
.project-finance-page{max-width:1180px}
.pilot-question{margin-bottom:16px}
.pilot-question h2{margin:5px 0 10px}
.pilot-question textarea{width:100%;min-height:92px;resize:vertical;padding:12px 14px;border:1px solid #d1dce5;border-radius:11px;font:inherit;color:#263f53;background:#fff}
.pilot-question small{display:block;margin-top:7px;color:#748795;font-size:9px}
.pilot-budget-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}
.pilot-input-panel,.pilot-result-panel{padding:20px;border:1px solid #dfe7ee;border-radius:16px;background:#fff}
.pilot-result-panel{position:sticky;top:90px}
.pilot-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pilot-field{margin-bottom:14px}
.pilot-field label{display:block;margin-bottom:6px;color:#314c61;font-size:10px;font-weight:900}
.pilot-field small{display:block;margin-top:5px;color:#7a8b98;font-size:9px}
.pilot-money-input{display:flex;align-items:center;border:1px solid #d1dce5;border-radius:10px;overflow:hidden;background:#fff}
.pilot-money-input input{flex:1;min-width:0;border:0;padding:11px 12px;font-size:14px;font-weight:800;color:#243f55;outline:none}
.pilot-money-input span{flex:0 0 auto;padding:0 11px;color:#6e8190;font-size:10px;font-weight:900}
.pilot-divider{height:1px;background:#e8edf1;margin:5px 0 16px}
.pilot-contingency-field{margin-top:6px;padding-top:14px;border-top:1px solid #edf1f4}
.pilot-range-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.pilot-range-head strong{color:#1268c4}
.pilot-contingency-field input[type="range"]{width:100%;margin:15px 0 4px;accent-color:#1677ff}
.pilot-range-scale{display:flex;justify-content:space-between;color:#8b9aa7;font-size:9px}
.pilot-budget-status{margin-top:8px;padding:18px;border-radius:13px;background:#f3f6f8}
.pilot-budget-status span,.pilot-budget-status strong,.pilot-budget-status small{display:block}
.pilot-budget-status span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.pilot-budget-status strong{margin:4px 0;font-size:34px;line-height:1;color:#123e67}
.pilot-budget-status small{color:#667988}
.pilot-budget-status.within{background:#edf8f2}
.pilot-budget-status.within span{color:#19704f}
.pilot-budget-status.tight{background:#fff8ec}
.pilot-budget-status.tight span{color:#946718}
.pilot-budget-status.over{background:#fff0ee}
.pilot-budget-status.over span{color:#9a443b}
.pilot-progress-wrap{margin:17px 0}
.pilot-progress-track{height:10px;border-radius:999px;background:#e7edf2;overflow:hidden}
.pilot-progress-fill{height:100%;width:0;border-radius:999px;background:#1677ff;transition:width .18s ease}
.pilot-progress-labels{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;color:#718392;font-size:9px}
.pilot-progress-labels strong{color:#315b7b}
.pilot-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pilot-result-grid div{padding:11px;border:1px solid #e1e8ee;border-radius:10px;background:#fafcfd}
.pilot-result-grid span,.pilot-result-grid strong{display:block}
.pilot-result-grid span{color:#7b8c99;font-size:8px}
.pilot-result-grid strong{margin-top:4px;color:#28445a;font-size:13px}
.pilot-learning-box{margin-top:14px;padding:13px;border-radius:11px;background:#eef5fb;color:#4f687b;font-size:10px;line-height:1.55}
.pilot-learning-box strong{color:#183f63}
.pilot-disclaimer{display:flex;gap:6px;align-items:flex-start;margin-top:13px;color:#768795;font-size:8px;line-height:1.5}
.pilot-disclaimer strong{color:#536a7b}
.pilot-principles{margin-top:16px}
.pilot-principles h2{margin:5px 0 13px}
.pilot-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.pilot-principle-grid div{padding:13px;border:1px solid #e1e8ee;border-radius:11px;background:#f9fbfc}
.pilot-principle-grid strong{display:block;margin-bottom:5px;font-size:11px;color:#25445c}
.pilot-principle-grid p{margin:0;color:#667a8a;font-size:9px;line-height:1.5}
.project-tool-switcher{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:16px;padding:15px 17px;border:1px solid #dfe7ee;border-radius:13px;background:#f8fafc}
.project-tool-switcher>div span,.project-tool-switcher>div strong{display:block}
.project-tool-switcher>div strong{margin-top:3px;color:#52697a;font-size:11px}
.project-tools-back{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid #ccd8e1;border-radius:999px;background:#fff;color:#315b7b;font-size:10px;font-weight:900}
@media(max-width:950px){
  .pilot-budget-layout{grid-template-columns:1fr}
  .pilot-result-panel{position:static}
  .pilot-principle-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .pilot-grid-two,.pilot-result-grid,.pilot-principle-grid{grid-template-columns:1fr}
  .pilot-budget-status strong{font-size:28px}
}


/* WINC Community v02.0 — Partner Lab */

.partner-lab-bar{
    background:#0b2238;
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.08);
}
.partner-lab-bar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:54px;
}
.partner-lab-title{
    display:flex;
    align-items:baseline;
    gap:7px;
    color:#fff;
}
.partner-lab-title span{
    font-size:10px;
    font-weight:900;
    letter-spacing:.09em;
    opacity:.6;
}
.partner-lab-title strong{
    font-size:15px;
}
.partner-lab-nav{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
}
.partner-lab-nav a{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 11px;
    border-radius:999px;
    color:#bcd0df;
    font-size:10px;
    font-weight:800;
}
.partner-lab-nav a:hover,
.partner-lab-nav a.active{
    background:rgba(255,255,255,.1);
    color:#fff;
}

.partner-lab-hero,
.partner-model-hero{
    padding:54px 0;
    background:linear-gradient(135deg,#0d2b48,#173f63);
    color:#fff;
}
.partner-lab-hero h1,
.partner-model-hero h1{
    margin:6px 0 11px;
    font-size:36px;
}
.partner-lab-hero p,
.partner-model-hero p{
    max-width:850px;
    color:#d5e3ed;
    line-height:1.7;
}
.partner-lab-page,
.partner-model-page{
    max-width:1180px;
}

.partner-lab-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.partner-lab-summary-card{
    min-height:230px;
    padding:20px;
    border:1px solid #dfe7ee;
    border-radius:16px;
    background:#fff;
}
.partner-lab-summary-card.featured{
    border-color:#bdd8ef;
    background:#f7fbff;
}
.partner-lab-summary-card .lab-step{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;height:34px;
    border-radius:50%;
    background:#123e67;
    color:#fff;
    font-size:10px;
    font-weight:900;
}
.partner-lab-summary-card h2{
    margin:14px 0 8px;
}
.partner-lab-summary-card p{
    color:#637788;
    line-height:1.6;
    min-height:74px;
}
.partner-lab-summary-card a{
    color:#1268c4;
    font-size:11px;
    font-weight:900;
}
.lab-coming{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    background:#eef3f7;
    color:#718392;
    font-size:9px;
    font-weight:900;
}
.partner-lab-philosophy{
    margin-top:16px;
}
.partner-lab-philosophy h2{
    margin:5px 0 14px;
}
.partner-lab-principle-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
}
.partner-lab-principle-grid div{
    padding:13px;
    border:1px solid #e1e8ee;
    border-radius:11px;
    background:#f9fbfc;
}
.partner-lab-principle-grid strong{
    display:block;
    margin-bottom:5px;
    color:#25445c;
    font-size:11px;
}
.partner-lab-principle-grid p{
    margin:0;
    color:#677b8b;
    font-size:9px;
    line-height:1.5;
}
.partner-lab-status{
    margin-top:16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.partner-lab-status h2{
    margin:5px 0 6px;
}
.partner-lab-status p{
    margin:0;
    max-width:800px;
    color:#627687;
}
.lab-version-badge{
    flex:0 0 auto;
    padding:7px 11px;
    border-radius:999px;
    background:#102f4a;
    color:#fff;
    font-size:10px;
}

.model-topline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
    margin-bottom:14px;
}
.model-topline article{
    padding:16px;
    border:1px solid #dfe7ee;
    border-radius:13px;
    background:#fff;
}
.model-topline span,
.model-topline strong,
.model-topline small{
    display:block;
}
.model-topline span{
    color:#748694;
    font-size:9px;
}
.model-topline strong{
    margin:4px 0;
    color:#183f63;
    font-size:20px;
}
.model-topline small{
    color:#8a98a4;
    font-size:8px;
}

.model-dual-view{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:14px;
}
.model-view-card{
    padding:18px;
    border:1px solid #dfe7ee;
    border-radius:15px;
    background:#fff;
}
.model-view-card h2{
    margin:4px 0 10px;
}
.model-view-status{
    padding:10px 12px;
    border-radius:10px;
    font-size:10px;
    font-weight:900;
}
.model-view-status.positive{
    background:#edf8f2;
    color:#39705a;
}
.model-view-status.warning{
    background:#fff8ec;
    color:#8e641a;
}
.model-view-card dl{
    margin:14px 0 0;
}
.model-view-card dl div{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:9px 0;
    border-top:1px solid #edf1f4;
}
.model-view-card dt{
    color:#718392;
    font-size:10px;
}
.model-view-card dd{
    margin:0;
    color:#263f53;
    font-size:10px;
    font-weight:900;
}

.model-advanced-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:25px;
}
.model-advanced-head h2{
    margin:5px 0 7px;
}
.model-advanced-head p{
    max-width:800px;
    color:#607486;
    line-height:1.6;
}
.model-toggle-btn{
    flex:0 0 auto;
    min-height:38px;
    padding:0 13px;
    border:1px solid #c8d6e0;
    border-radius:999px;
    background:#fff;
    color:#315b7b;
    font-weight:900;
    cursor:pointer;
}
.advanced-parameters{
    margin-top:17px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.parameter-card{
    padding:15px;
    border:1px solid #dfe7ee;
    border-radius:13px;
    background:#fafcfd;
}
.parameter-card.critical{
    border-color:#f0c9c4;
    background:#fff8f7;
}
.parameter-card.stable{
    border-color:#cfe5d9;
    background:#f8fcfa;
}
.parameter-main span,
.parameter-main strong,
.parameter-main small{
    display:block;
}
.parameter-name{
    color:#607486;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.parameter-main strong{
    margin:3px 0;
    color:#173f63;
    font-size:23px;
}
.parameter-main small{
    color:#8493a0;
    font-size:8px;
}
.parameter-meta{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin:12px 0 8px;
}
.parameter-meta span{
    padding:5px 7px;
    border-radius:999px;
    background:#eef3f7;
    color:#607486;
    font-size:8px;
}
.parameter-progress{
    height:7px;
    border-radius:999px;
    background:#e7edf2;
    overflow:hidden;
}
.parameter-progress i{
    display:block;
    height:100%;
    border-radius:999px;
    background:#1677ff;
}
.parameter-critique-btn{
    margin-top:10px;
    border:0;
    background:transparent;
    padding:0;
    color:#1268c4;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}
.model-risk-callout{
    grid-column:1/-1;
    padding:14px;
    border-radius:12px;
    background:#102f4a;
    color:#fff;
}
.model-risk-callout strong{
    display:block;
    margin:4px 0;
    font-size:16px;
}
.model-risk-callout p{
    margin:0;
    color:#c7d8e4;
    font-size:9px;
}
.model-progress-panel{
    margin-top:14px;
}
.model-progress-panel h2{
    margin:5px 0 12px;
}
.model-progress-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
}
.model-progress-grid div{
    padding:14px;
    border:1px solid #dfe7ee;
    border-radius:11px;
    background:#fafcfd;
}
.model-progress-grid strong,
.model-progress-grid span{
    display:block;
}
.model-progress-grid strong{
    color:#173f63;
    font-size:21px;
}
.model-progress-grid span{
    margin-top:4px;
    color:#718392;
    font-size:9px;
}
.model-progress-grid .danger{
    background:#fff8f7;
    border-color:#f0d1cd;
}

@media(max-width:950px){
    .partner-lab-summary-grid,
    .model-topline{
        grid-template-columns:1fr 1fr;
    }
    .partner-lab-principle-grid,
    .model-progress-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:720px){
    .partner-lab-bar-inner{
        align-items:flex-start;
        flex-direction:column;
        padding-top:10px;
        padding-bottom:10px;
    }
    .model-dual-view,
    .advanced-parameters{
        grid-template-columns:1fr;
    }
    .model-advanced-head{
        flex-direction:column;
    }
}
@media(max-width:560px){
    .partner-lab-summary-grid,
    .partner-lab-principle-grid,
    .model-topline,
    .model-progress-grid{
        grid-template-columns:1fr;
    }
    .partner-lab-status{
        align-items:flex-start;
        flex-direction:column;
    }
    .partner-lab-hero h1,
    .partner-model-hero h1{
        font-size:28px;
    }
}


/* WINC Community v02.1 — Partner Lab 2.0 modular builder */

.lab2-core h2,
.lab2-example h2,
.lab2-entry h2{
    margin:5px 0 12px;
}
.lab2-core-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
}
.lab2-core-grid article{
    padding:14px;
    border:1px solid #e0e8ee;
    border-radius:12px;
    background:#fafcfd;
}
.lab2-core-grid strong{
    display:block;
    margin-bottom:5px;
    color:#25445c;
    font-size:11px;
}
.lab2-core-grid p{
    margin:0;
    color:#687b8b;
    font-size:9px;
    line-height:1.5;
}
.lab2-example{
    margin-top:16px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    align-items:center;
}
.lab2-example-copy p{
    color:#617586;
    line-height:1.65;
}
.lab2-module-preview{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.lab2-module-preview span{
    padding:7px 10px;
    border:1px solid #d6e0e8;
    border-radius:999px;
    background:#f8fafc;
    color:#496377;
    font-size:9px;
    font-weight:800;
}
.lab2-entry{
    margin-top:16px;
    padding:20px;
    border-radius:15px;
    background:#102f4a;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.lab2-entry p{
    margin:0;
    color:#c9d9e5;
}
.lab2-entry .section-kicker{
    color:#9fc2de;
}

.lab2-builder-summary{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
    margin-bottom:14px;
}
.lab2-builder-summary article{
    padding:14px;
    border:1px solid #dfe7ee;
    border-radius:12px;
    background:#fff;
}
.lab2-builder-summary span,
.lab2-builder-summary strong,
.lab2-builder-summary small{
    display:block;
}
.lab2-builder-summary span{
    color:#748694;
    font-size:8px;
}
.lab2-builder-summary strong{
    margin:4px 0;
    color:#173f63;
    font-size:18px;
}
.lab2-builder-summary small{
    color:#8998a4;
    font-size:8px;
}

.lab2-builder-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:16px;
    align-items:start;
}
.lab2-builder-main{
    min-width:0;
}
.lab2-core-form h2,
.lab2-module-selector h2,
.lab2-assumptions h2{
    margin:5px 0 8px;
}
.lab2-module-selector{
    margin-top:14px;
}
.lab2-module-selector > p,
.lab2-assumptions p{
    color:#617586;
    line-height:1.6;
}
.lab2-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
.lab2-form-grid label > span{
    display:block;
    margin-bottom:6px;
    color:#405a6e;
    font-size:9px;
    font-weight:900;
}

.lab2-module-toggle-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:14px;
}
.lab2-module-toggle-grid label{
    display:flex;
    align-items:flex-start;
    gap:9px;
    padding:11px;
    border:1px solid #dfe7ee;
    border-radius:11px;
    background:#fafcfd;
    cursor:pointer;
}
.lab2-module-toggle-grid input{
    margin-top:3px;
}
.lab2-module-toggle-grid span,
.lab2-module-toggle-grid strong,
.lab2-module-toggle-grid small{
    display:block;
}
.lab2-module-toggle-grid strong{
    color:#29465d;
    font-size:10px;
}
.lab2-module-toggle-grid small{
    margin-top:2px;
    color:#7b8b97;
    font-size:8px;
}

.lab2-module-forms{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:14px;
}
.lab2-module-form{
    padding:15px;
    border:1px solid #dfe7ee;
    border-radius:13px;
    background:#fff;
}
.lab2-module-form-head{
    display:flex;
    justify-content:space-between;
    gap:15px;
    margin-bottom:11px;
    padding-bottom:9px;
    border-bottom:1px solid #edf1f4;
}
.lab2-module-form-head span{
    font-weight:900;
    color:#173f63;
}
.lab2-module-form-head strong{
    color:#7a8b98;
    font-size:9px;
}

.lab2-assumptions{
    margin-top:14px;
}
.lab2-assumption-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:14px;
}
.lab2-assumption-list article{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr auto;
    gap:10px;
    align-items:center;
    padding:11px;
    border:1px solid #dfe7ee;
    border-radius:11px;
    background:#fafcfd;
}
.lab2-assumption-list article strong,
.lab2-assumption-list article small{
    display:block;
}
.lab2-assumption-list article strong{
    color:#29465d;
    font-size:10px;
}
.lab2-assumption-list article small{
    margin-top:2px;
    color:#81909c;
    font-size:8px;
}
.lab2-assumption-list label{
    color:#6f8190;
    font-size:8px;
}
.lab2-assumption-list select{
    display:block;
    width:100%;
    margin-top:4px;
    padding:7px;
    border:1px solid #d1dce5;
    border-radius:8px;
    background:#fff;
    color:#314c61;
    font-size:9px;
}

.lab2-builder-side{
    position:sticky;
    top:88px;
}
.lab2-live-card{
    padding:17px;
    border-radius:15px;
    background:#102f4a;
    color:#fff;
}
.lab2-live-card h2{
    margin:6px 0 14px;
    font-size:20px;
}
.lab2-live-card dl{
    margin:0;
}
.lab2-live-card dl div{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:9px 0;
    border-top:1px solid rgba(255,255,255,.1);
}
.lab2-live-card dt{
    color:#adc4d5;
    font-size:9px;
}
.lab2-live-card dd{
    margin:0;
    font-size:9px;
    font-weight:900;
}
.lab2-live-note{
    margin-top:12px;
    padding:10px;
    border-radius:9px;
    background:rgba(255,255,255,.08);
    color:#c7d8e4;
    font-size:9px;
    line-height:1.5;
}
.positive-text{color:#d9f3e5}
.negative-text{color:#ffd6d1}
.lab2-side-principle{
    margin-top:10px;
    padding:13px;
    border:1px solid #dfe7ee;
    border-radius:11px;
    background:#f8fafc;
}
.lab2-side-principle strong,
.lab2-side-principle span{
    display:block;
}
.lab2-side-principle strong{
    color:#29465d;
    font-size:10px;
}
.lab2-side-principle span{
    margin-top:4px;
    color:#758693;
    font-size:9px;
    line-height:1.45;
}

@media(max-width:1050px){
    .lab2-builder-summary{grid-template-columns:repeat(3,1fr)}
    .lab2-builder-layout{grid-template-columns:1fr}
    .lab2-builder-side{position:static}
}
@media(max-width:850px){
    .lab2-core-grid{grid-template-columns:1fr 1fr}
    .lab2-example{grid-template-columns:1fr}
    .lab2-module-toggle-grid{grid-template-columns:1fr 1fr}
    .lab2-assumption-list article{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
    .lab2-core-grid,
    .lab2-builder-summary,
    .lab2-form-grid,
    .lab2-module-toggle-grid,
    .lab2-assumption-list article{
        grid-template-columns:1fr;
    }
    .lab2-entry{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* WINC v02.2 cleanup 1 — navigation, dashboard, discussions, project hub */
.projects-hub-page{max-width:1100px}.projects-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.projects-hub-card{display:block;padding:22px;border:1px solid #dfe7ee;border-radius:16px;background:#fff;color:inherit;text-decoration:none;min-height:230px}.projects-hub-card.primary{background:#f7fbff;border-color:#bfd8ec}.projects-hub-card.admin-card{background:#fbfaf7}.projects-hub-card h2{margin:7px 0 10px;font-size:24px}.projects-hub-card p{color:#667b8b;line-height:1.6}.projects-hub-card strong{display:inline-block;margin-top:12px;color:#1268c4;font-size:11px}.projects-hub-flow{margin-top:16px}.projects-hub-flow h2{margin:5px 0 8px}.projects-hub-flow p{margin:0;color:#64798a;line-height:1.65}

.dashboard-v2-page{max-width:1180px}.dashboard-overview{margin-bottom:8px}.dashboard-stats-v2{align-items:stretch}.clickable-stat{text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}.clickable-stat:hover{transform:translateY(-2px);border-color:#b9d3e8}.clickable-stat small{display:block;margin-top:5px;color:#6d8190;font-size:8px}.dashboard-functions{margin-top:24px}.dashboard-actions-v2{margin-top:12px}.dashboard-follow-preview{margin-top:28px}.dashboard-follow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.dashboard-follow-heading h2{margin:5px 0 0}.compact-follow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.discussions-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.discussion-sort-bar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.discussion-sort-bar a{padding:8px 12px;border:1px solid #d5e0e8;border-radius:999px;background:#fff;color:#536d80;text-decoration:none;font-size:9px;font-weight:900}.discussion-sort-bar a.active,.discussion-sort-bar a:hover{background:#123e67;border-color:#123e67;color:#fff}.discussion-new-topic{margin:0 0 22px}.discussion-new-topic>summary{display:inline-flex;padding:9px 13px;border:1px solid #cfdce5;border-radius:999px;background:#f8fbfd;color:#315b7b;font-weight:900;font-size:10px;cursor:pointer;list-style:none}.discussion-new-topic>summary::-webkit-details-marker{display:none}.discussion-grid-v2{align-items:stretch}.discussion-topic-card{display:flex;flex-direction:column}.discussion-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.discussion-comment-count{color:#7b8d9a;font-size:8px;font-weight:800}.discussion-topic-card .topic-meta{margin-top:auto;padding-top:10px}

.discussion-thread-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:28px 0 14px}.discussion-thread-head h2{margin:4px 0 0}.discussion-thread-head>span{font-size:9px;color:#7a8c99}.linear-thread{display:flex;flex-direction:column;gap:12px}.discussion-comment{padding:16px 18px;border:1px solid #dfe7ee;border-radius:14px;background:#fff;scroll-margin-top:90px}.discussion-comment:target{border-color:#8ab8dc;box-shadow:0 0 0 3px rgba(41,116,170,.08)}.discussion-comment-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.discussion-comment-head strong{color:#28475e}.discussion-comment-head span{color:#8495a2;font-size:8px}.discussion-comment>p{margin:8px 0 0;line-height:1.65}.reply-context{display:block;margin:-3px 0 12px;padding:10px 12px;border-left:3px solid #6f9fc3;border-radius:8px;background:#f4f8fb;color:inherit;text-decoration:none}.reply-context span{display:block;margin-bottom:3px;color:#47718f;font-size:8px;font-weight:900}.reply-context q{display:block;color:#617786;font-size:9px;line-height:1.45}.reply-open-btn,.reply-cancel-btn{margin-top:10px;padding:0;border:0;background:transparent;color:#1268c4;font-size:9px;font-weight:900;cursor:pointer}.inline-reply-form{margin-top:12px;padding-top:12px;border-top:1px solid #e6edf2}.inline-reply-form textarea{width:100%;min-height:110px;padding:11px;border:1px solid #ccd9e3;border-radius:10px;resize:vertical}.replying-to{margin-bottom:7px;color:#6d8291;font-size:9px}.inline-reply-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.reply-cancel-btn{margin-top:0}.discussion-main-form{margin-bottom:20px}

@media(max-width:900px){.projects-hub-grid{grid-template-columns:1fr 1fr}.compact-follow-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.projects-hub-grid,.compact-follow-grid{grid-template-columns:1fr}.dashboard-follow-heading,.discussion-thread-head{align-items:flex-start;flex-direction:column}.discussion-comment-head{align-items:flex-start;flex-direction:column;gap:3px}}