/* ══════════════════════════════════════════════════════
   Inner Council — Styles
   ══════════════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box;}
html,body{background:#f2f0eb;color:#1a1a1a;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;}
.screen{display:none;}.screen.active{display:block;}
.page{max-width:620px;margin:0 auto;padding:80px 28px 120px;}

/* TYPE — clear 4-level hierarchy */
/* L1 labels: small caps, visible grey */
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;}
/* L2 headings */
h1{font-size:clamp(36px,6vw,54px);font-weight:300;line-height:1.04;letter-spacing:-.025em;color:#1a1a1a;margin:24px 0 30px;}
h1 b{font-weight:700;}
/* L3 body — strong contrast */
.body-text{font-size:16px;color:#2a2a2a;line-height:1.75;max-width:460px;margin-bottom:14px;}
/* L4 supporting — readable, not invisible */
.note-text{font-size:14px;color:#555;line-height:1.85;max-width:440px;margin-bottom:44px;}
.div{width:100%;height:1px;background:#d0ccc4;margin:28px 0;}
.section-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:16px;display:block;}

/* BUTTONS */
.btn{display:inline-block;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:#1a1a1a;color:#f2f0eb;border:none;padding:15px 34px;cursor:pointer;transition:opacity .15s;}
.btn:hover{opacity:.72;}
.btn-line{background:transparent;color:#444;border:1px solid #aaa;padding:13px 28px;}
.btn-line:hover{color:#1a1a1a;border-color:#1a1a1a;opacity:1;}

/* ══════════════════════════════════════════════════════
   NAVIGATION BAR
   ══════════════════════════════════════════════════════ */
.nav{position:sticky;top:0;z-index:100;background:#f2f0eb;border-bottom:1px solid #d8d3ca;}
.nav-inner{max-width:1120px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:52px;}
.nav-logo{font-size:12px;font-weight:600;letter-spacing:.04em;color:#1a1a1a;cursor:pointer;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:8px;}
.nav-links{display:flex;gap:24px;list-style:none;align-items:center;}
.nav-links a{font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#666;text-decoration:none;cursor:pointer;transition:color .15s;white-space:nowrap;}
.nav-links a:hover{color:#1a1a1a;}
.nav-links .nav-auth{color:#aaa;font-size:9px;}
.nav-links .nav-cta{background:#1a1a1a;color:#f2f0eb;padding:8px 16px;font-size:8px;letter-spacing:.14em;font-weight:600;transition:opacity .15s;white-space:nowrap;}
.nav-links .nav-cta:hover{color:#f2f0eb;opacity:.72;}
.nav-toggle{display:none;background:none;border:none;font-size:22px;color:#1a1a1a;cursor:pointer;padding:4px 8px;line-height:1;}

@media(max-width:720px){
  .nav-links{display:none;position:absolute;top:52px;left:0;right:0;background:#f2f0eb;flex-direction:column;padding:20px 28px;gap:18px;border-bottom:1px solid #d8d3ca;}
  .nav-links.open{display:flex;}
  .nav-links .nav-cta{align-self:flex-start;}
  .nav-toggle{display:block;}
}

/* WIDE PAGE */
.page-wide{max-width:740px;}

/* HERO */
.hero{margin-bottom:20px;}
.hero-head{font-size:clamp(32px,5.5vw,48px);font-weight:300;line-height:1.08;letter-spacing:-.025em;color:#1a1a1a;margin:20px 0 24px;}
.hero-head b{font-weight:700;}
.hero-sub{font-size:16px;color:#444;line-height:1.8;max-width:520px;}
.hero-note{font-size:12px;color:#999;letter-spacing:.06em;margin-top:16px;}

/* PILLARS */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 20px;}
@media(max-width:600px){.pillars{grid-template-columns:1fr;}}
.pillar{padding:24px 20px;background:#eae6dc;}
.pillar-icon{font-size:22px;color:#888;margin-bottom:10px;}
.pillar-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.01em;}
.pillar-desc{font-size:13px;color:#555;line-height:1.7;margin-bottom:10px;}
.pillar-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:500;}

/* STEPS */
.steps{display:flex;flex-direction:column;gap:12px;}
.step{display:flex;gap:20px;align-items:center;padding:24px 28px;background:#eae6dc;}
.step-num{font-size:22px;font-weight:300;color:#aaa;min-width:36px;text-align:center;flex-shrink:0;}
.step-info{flex:1;}
.step-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px;}
.step-desc{font-size:13px;color:#555;line-height:1.7;}

/* ORIGIN COMPACT */
.origin-compact{padding:24px 26px;background:#eae6dc;border-left:2px solid #1a1a1a;}
.origin-compact-body{font-size:15px;color:#2a2a2a;line-height:1.85;margin-bottom:16px;}

/* METHOD PAGE */
.method-pillars{display:flex;flex-direction:column;gap:20px;}
.method-pillar{padding:28px 26px;background:#eae6dc;}
.method-pillar-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px;flex-wrap:wrap;}
.method-pillar-num{font-size:11px;color:#aaa;letter-spacing:.08em;min-width:16px;}
.method-pillar-name{font-size:18px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em;}
.method-pillar-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:500;margin-left:auto;}
.method-pillar-body{font-size:14px;color:#333;line-height:1.8;margin-bottom:10px;}
.method-pillar-sub{font-size:13px;color:#777;line-height:1.7;font-style:italic;}

/* INTRO (legacy) */
.glyph-wrap{margin-bottom:52px;}
.domain-list{list-style:none;margin-bottom:40px;border-top:1px solid #d8d3ca;}
.domain-list li{display:flex;gap:16px;padding:11px 0;border-bottom:1px solid #d8d3ca;align-items:baseline;}
.d-num{font-size:11px;color:#aaa;min-width:22px;letter-spacing:.08em;}
.d-name{font-size:11px;color:#1a1a1a;font-weight:600;text-transform:uppercase;letter-spacing:.1em;min-width:110px;}
.d-desc{font-size:13px;color:#666;}

/* PROGRESS */
.prog-wrap{margin-bottom:40px;}
.prog-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
.prog-num{font-size:12px;letter-spacing:.1em;color:#555;text-transform:uppercase;font-weight:500;}
.prog-domain{font-size:11px;color:#888;letter-spacing:.1em;text-transform:uppercase;}
.prog-track{width:100%;height:1px;background:#d0ccc4;}
.prog-fill{height:100%;background:#1a1a1a;transition:width .45s ease;}
.domain-pips{display:flex;gap:4px;margin-top:10px;}
.d-pip{height:2px;flex:1;background:#ddd9d0;transition:background .3s;}
.d-pip.done{background:#777;}.d-pip.active{background:#1a1a1a;}

/* QUESTION */
.q-section-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:20px;}
.q-text{font-size:clamp(18px,3vw,22px);font-weight:300;line-height:1.6;color:#1a1a1a;letter-spacing:-.015em;margin-bottom:36px;padding-bottom:32px;border-bottom:1px solid #d0ccc4;}
.opts{list-style:none;margin-bottom:36px;}
.opt{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #e4e0d8;cursor:pointer;transition:padding-left .12s;}
.opt:first-child{border-top:1px solid #e4e0d8;}
.opt:hover .opt-t{color:#1a1a1a;}
.opt.sel{padding-left:7px;background:rgba(26,26,26,.04);}
.opt.sel .opt-n{color:#1a1a1a;font-weight:600;}
.opt.sel .opt-t{color:#1a1a1a;font-weight:500;}
.opt-n{font-size:11px;color:#bbb;letter-spacing:.1em;padding-top:2px;min-width:20px;flex-shrink:0;transition:color .12s;font-weight:500;}
.opt-t{font-size:15px;color:#333;line-height:1.6;font-weight:400;transition:color .12s;}
.q-nav{display:flex;gap:10px;align-items:center;}
.q-hint{font-size:12px;color:#aaa;margin-left:auto;}

/* LOADING */
#load{position:fixed;inset:0;background:#f2f0eb;display:none;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:200;}
#load.on{display:flex;}
.load-spin{animation:spin 5s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.load-txt{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#888;}

/* ══════════════════════════════════════════════════════
   REVEAL STYLES
   ══════════════════════════════════════════════════════ */
.rev-meta{margin-bottom:48px;}
.rev-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:12px;}
h2.rev-head{font-size:clamp(28px,4.5vw,42px);font-weight:300;letter-spacing:-.025em;line-height:1.1;color:#1a1a1a;margin-bottom:8px;}
h2.rev-head b{font-weight:700;}
.rev-sub{font-size:14px;color:#555;line-height:1.75;max-width:420px;}

/* ── FULL PROFILE CHART ── */
.chart-section{margin-bottom:56px;}
.chart-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #d8d3ca;}
.chart-row{display:grid;grid-template-columns:116px 1fr 36px;align-items:center;gap:10px;margin-bottom:9px;}
.chart-name{font-size:12px;color:#444;letter-spacing:.02em;text-align:right;font-weight:400;}
.chart-track{height:1px;background:#e0dbd2;position:relative;}
.chart-bar{height:3px;margin-top:-1px;background:#1a1a1a;transition:width .8s ease;position:relative;}
.chart-bar.primary{background:#1a1a1a;}
.chart-bar.secondary{background:#555;}
.chart-bar.tertiary{background:#999;}
.chart-bar.rest{background:#ccc;}
.chart-pct{font-size:11px;color:#888;letter-spacing:.03em;font-weight:500;}
.chart-badge{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-top:8px;margin-bottom:16px;padding-left:126px;}

/* ── TENSION REPORT ── */
.tension-section{margin-bottom:56px;padding:24px 26px;background:#eae6dc;border-left:2px solid #1a1a1a;}
.tension-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:14px;}
.tension-pair{font-size:18px;font-weight:300;color:#1a1a1a;margin-bottom:12px;letter-spacing:-.015em;}
.tension-pair b{font-weight:600;}
.tension-desc{font-size:14px;color:#2a2a2a;line-height:1.75;margin-bottom:12px;}
.tension-pattern{font-size:13px;color:#555;line-height:1.7;font-style:italic;padding-left:14px;border-left:2px solid #bbb;}

/* ── COMBINATION DYNAMICS ── */
.combo-section{margin-bottom:56px;}
.combo-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #d8d3ca;}
.combo-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:10px;letter-spacing:-.01em;}
.combo-desc{font-size:14px;color:#2a2a2a;line-height:1.75;margin-bottom:10px;}
.combo-gift{font-size:13px;color:#333;line-height:1.7;padding:12px 16px;background:#e6e2d8;margin-bottom:4px;}
.combo-gift strong{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#777;font-weight:600;display:block;margin-bottom:4px;}
.combo-risk{font-size:13px;color:#333;line-height:1.7;padding:12px 16px;background:#e6e2d8;}
.combo-risk strong{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#777;font-weight:600;display:block;margin-bottom:4px;}

/* ── ARCHETYPE ROWS ── */
.arch-block{border-top:1px solid #d0ccc4;margin-bottom:56px;}
.arch-row{display:grid;grid-template-columns:42px 1fr 22px;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid #d0ccc4;cursor:pointer;transition:background .1s;}
.arch-row:hover{background:rgba(26,26,26,.025);}
.arch-rank{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:3px;}
.arch-name{font-size:20px;font-weight:400;color:#1a1a1a;letter-spacing:-.015em;margin-bottom:3px;}
.arch-myth{font-size:12px;color:#888;letter-spacing:.05em;text-transform:uppercase;}
.arch-toggle{font-size:20px;font-weight:300;color:#aaa;padding-top:2px;line-height:1;user-select:none;transition:transform .22s,color .15s;}
.arch-row.open .arch-toggle{transform:rotate(45deg);color:#1a1a1a;}

/* DETAIL DRAWER */
.arch-det{display:none;padding:0 0 36px 60px;border-bottom:1px solid #d0ccc4;}
.arch-det.open{display:block;}
.det-tabs{display:flex;gap:0;border-bottom:1px solid #d8d3ca;margin-bottom:24px;flex-wrap:wrap;}
.det-tab{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#999;padding:10px 16px 10px 0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;font-weight:500;}
.det-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a;}
.det-tab:hover{color:#333;}
.det-panel{display:none;}.det-panel.active{display:block;}
.det-mantra{font-size:16px;font-weight:300;font-style:italic;color:#1a1a1a;line-height:1.65;padding-left:14px;border-left:2px solid #1a1a1a;margin-bottom:20px;}
.det-core{font-size:14px;color:#333;line-height:1.8;margin-bottom:16px;}
.det-kv{display:flex;gap:14px;align-items:flex-start;font-size:13px;color:#333;line-height:1.65;padding:11px 16px;background:#e8e4da;margin-bottom:5px;}
.det-kv strong{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;white-space:nowrap;padding-top:2px;min-width:80px;}
.det-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin-bottom:16px;}
@media(max-width:480px){.det-two-col{grid-template-columns:1fr;}}
.det-col h5{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:10px;}
.det-col ul{list-style:none;}
.det-col ul li{font-size:13px;color:#333;line-height:1.75;padding-left:12px;position:relative;margin-bottom:3px;}
.det-col ul li::before{content:'\2013';position:absolute;left:0;color:#aaa;}

/* SITUATIONAL GUIDANCE */
.sit-block{margin-bottom:16px;}
.sit-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:8px;}
.sit-content{font-size:13px;color:#333;line-height:1.75;padding:14px 16px;background:#e8e4da;}
.sit-content ul{list-style:none;}
.sit-content ul li{padding-left:12px;position:relative;margin-bottom:5px;font-size:13px;color:#333;line-height:1.7;}
.sit-content ul li::before{content:'\2013';position:absolute;left:0;color:#aaa;}

/* TOOLS */
.tool-block{margin-bottom:16px;}
.tool-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:8px;}
.tool-content{font-size:13px;color:#333;line-height:1.75;padding:14px 16px;background:#e8e4da;}
.tool-content ul{list-style:none;}
.tool-content ul li{padding-left:12px;position:relative;margin-bottom:5px;font-size:13px;color:#333;line-height:1.7;}
.tool-content ul li::before{content:'\2013';position:absolute;left:0;color:#aaa;}

/* SHADOW */
.shadow-desc{font-size:14px;color:#333;line-height:1.8;margin-bottom:16px;}
.shadow-pattern-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:8px;}
.shadow-pattern-content{font-size:14px;color:#333;line-height:1.7;padding:12px 16px;border-left:2px solid #bbb;font-style:italic;margin-bottom:14px;}
.shadow-integration{font-size:13px;color:#444;line-height:1.8;padding:14px 16px;background:#e8e4da;}
.shadow-integration strong{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:5px;}

/* ── SAVE PROMPT ── */
.save-prompt-box{padding:28px 26px;background:#1a1a1a;color:#f2f0eb;margin-bottom:48px;}
.save-prompt-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,240,235,.5);font-weight:500;margin-bottom:12px;}
.save-prompt-desc{font-size:15px;color:rgba(242,240,235,.8);line-height:1.75;margin-bottom:18px;max-width:440px;}
.save-prompt-box .btn{background:#f2f0eb;color:#1a1a1a;border-color:#f2f0eb;}
.save-prompt-box .btn:hover{background:#fff;border-color:#fff;}
.save-prompt-note{font-size:11px;color:rgba(242,240,235,.35);margin-top:12px;letter-spacing:.06em;}
.save-confirmed{display:flex;align-items:center;gap:10px;padding:16px 22px;background:#eae6dc;border-left:2px solid #4a7a4a;margin-bottom:48px;font-size:13px;color:#2a2a2a;letter-spacing:.04em;}
.save-confirmed-icon{color:#4a7a4a;font-weight:600;font-size:16px;}

/* SHADOW CAP */
.shadow-cap-section{margin-bottom:56px;padding-top:32px;border-top:2px solid #1a1a1a;}
.shadow-cap-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:16px;}
.shadow-cap-grid{display:grid;grid-template-columns:44px 1fr;gap:20px;align-items:start;}
.shadow-cap-name{font-size:21px;font-weight:400;color:#1a1a1a;margin-bottom:10px;}
.shadow-cap-body{font-size:14px;color:#333;line-height:1.8;font-style:italic;margin-bottom:12px;}
.shadow-cap-quote{font-size:12px;color:#888;line-height:1.9;}

.end{padding-top:24px;border-top:1px solid #d0ccc4;display:flex;gap:10px;flex-wrap:wrap;}

/* ORIGIN STORY */
.origin{margin-top:56px;padding-top:32px;border-top:1px solid #d0ccc4;}
.origin-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:18px;}
.origin-body{font-size:14px;color:#444;line-height:1.95;max-width:480px;margin-bottom:16px;}
.origin-body em{color:#333;font-style:italic;}
.origin-hope{font-size:15px;color:#2a2a2a;line-height:1.85;max-width:480px;padding:20px 22px;background:#eae6dc;border-left:2px solid #1a1a1a;margin:28px 0 24px;}
.origin-sig{font-size:13px;color:#666;letter-spacing:.04em;margin-top:8px;}
.origin-sig b{font-weight:600;color:#1a1a1a;}

@keyframes up{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.fi{animation:up .45s ease both;}
.d1{animation-delay:.07s;}.d2{animation-delay:.15s;}.d3{animation-delay:.25s;}.d4{animation-delay:.36s;}.d5{animation-delay:.48s;}

/* ══ ANIMA / ANIMUS ══ */
.aa-intro{margin-bottom:40px;padding:28px;background:#eae6dc;border-left:2px solid #1a1a1a;}
.aa-intro-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:12px;}
.aa-intro-body{font-size:14px;color:#2a2a2a;line-height:1.8;}
.aa-prog-label{font-size:12px;letter-spacing:.1em;color:#555;text-transform:uppercase;font-weight:500;}

/* ANIMA/ANIMUS RESULT */
.aa-result-section{margin-bottom:56px;}
.aa-result-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:20px;padding-bottom:12px;border-top:2px solid #1a1a1a;padding-top:28px;}
.aa-stage-header{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start;margin-bottom:24px;}
.aa-stage-glyph{}
.aa-stage-num{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:4px;}
.aa-stage-name{font-size:22px;font-weight:400;color:#1a1a1a;letter-spacing:-.015em;margin-bottom:4px;}
.aa-stage-sub{font-size:13px;color:#777;letter-spacing:.04em;}
.aa-tabs{display:flex;gap:0;border-bottom:1px solid #d8d3ca;margin-bottom:24px;flex-wrap:wrap;}
.aa-tab{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#999;padding:10px 16px 10px 0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;font-weight:500;}
.aa-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a;}
.aa-tab:hover{color:#333;}
.aa-panel{display:none;}.aa-panel.active{display:block;}
.aa-desc{font-size:14px;color:#333;line-height:1.8;margin-bottom:16px;}
.aa-kv{display:flex;gap:14px;align-items:flex-start;font-size:13px;color:#333;line-height:1.65;padding:11px 16px;background:#e8e4da;margin-bottom:5px;}
.aa-kv strong{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;white-space:nowrap;padding-top:2px;min-width:100px;}
.aa-block{margin-bottom:16px;}
.aa-block-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:8px;}
.aa-block-content{font-size:13px;color:#333;line-height:1.75;padding:14px 16px;background:#e8e4da;}
.aa-block-content ul{list-style:none;}
.aa-block-content ul li{padding-left:12px;position:relative;margin-bottom:5px;font-size:13px;color:#333;line-height:1.7;}
.aa-block-content ul li::before{content:'\2013';position:absolute;left:0;color:#aaa;}
.aa-stages-map{border-top:1px solid #d8d3ca;margin-top:8px;}
.aa-stage-row{display:grid;grid-template-columns:24px 120px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e4e0d8;}
.aa-stage-row.current{background:rgba(26,26,26,.04);padding-left:8px;margin-left:-8px;}
.aa-stage-dot{width:8px;height:8px;border-radius:50%;background:#d8d3ca;}
.aa-stage-row.current .aa-stage-dot{background:#1a1a1a;}
.aa-stage-row-name{font-size:12px;color:#555;font-weight:500;}
.aa-stage-row.current .aa-stage-row-name{color:#1a1a1a;font-weight:600;}
.aa-stage-row-desc{font-size:12px;color:#888;line-height:1.6;}
.aa-stage-row.current .aa-stage-row-desc{color:#555;}

/* ══ ANIMA/ANIMUS CTA ══ */
.aa-cta-section{margin-top:48px;}
.aa-cta-box{padding:32px 28px;background:#1a1a1a;color:#f2f0eb;position:relative;}
.aa-cta-icon{margin-bottom:16px;opacity:.6;}
.aa-cta-icon svg circle,.aa-cta-icon svg line,.aa-cta-icon svg rect{stroke:#f2f0eb;}
.aa-cta-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,240,235,.5);font-weight:500;margin-bottom:12px;}
.aa-cta-desc{font-size:15px;color:rgba(242,240,235,.8);line-height:1.75;margin-bottom:10px;}
.aa-cta-note{font-size:12px;color:rgba(242,240,235,.4);margin-bottom:20px;letter-spacing:.04em;}
.aa-cta-box .btn{background:#f2f0eb;color:#1a1a1a;border-color:#f2f0eb;}
.aa-cta-box .btn:hover{background:#fff;border-color:#fff;}

/* ══ SHARE CARD ══ */
.share-section{margin-bottom:40px;padding-top:28px;border-top:1px solid #d0ccc4;}
.share-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:6px;}
.share-sub{font-size:13px;color:#666;margin-bottom:18px;line-height:1.6;}
.share-preview{width:100%;max-width:270px;margin-bottom:18px;border:1px solid #d8d3ca;}
#share-canvas{display:none;}

/* ══════════════════════════════════════════════════════
   ABOUT SCREEN
   ══════════════════════════════════════════════════════ */
.about-section{margin-bottom:48px;}
.about-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:16px;display:block;}
.about-body{font-size:14px;color:#444;line-height:1.95;max-width:500px;margin-bottom:16px;}
.about-body em{color:#333;font-style:italic;}
.about-hope{font-size:15px;color:#2a2a2a;line-height:1.85;max-width:500px;padding:20px 22px;background:#eae6dc;border-left:2px solid #1a1a1a;margin:28px 0 24px;}
.about-sig{font-size:13px;color:#666;letter-spacing:.04em;margin-top:8px;}
.about-sig b{font-weight:600;color:#1a1a1a;}
.about-tool{font-size:13px;color:#666;line-height:1.8;max-width:480px;margin-top:36px;padding-top:28px;border-top:1px solid #d0ccc4;}

/* ══════════════════════════════════════════════════════
   LIBRARY SCREEN
   ══════════════════════════════════════════════════════ */
.library-header{margin-bottom:40px;}
.library-title{font-size:clamp(28px,4.5vw,42px);font-weight:300;letter-spacing:-.025em;line-height:1.1;color:#1a1a1a;margin-bottom:8px;}
.library-title b{font-weight:700;}
.library-sub{font-size:14px;color:#555;line-height:1.75;max-width:420px;}

.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;}
.lib-card{background:#eae6dc;padding:24px 18px;cursor:pointer;transition:background .15s,transform .15s;text-align:center;}
.lib-card:hover{background:#e2ded4;transform:translateY(-2px);}
.lib-glyph{margin-bottom:14px;}
.lib-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px;letter-spacing:-.01em;}
.lib-myth{font-size:11px;color:#888;letter-spacing:.04em;line-height:1.5;}

/* Library Detail */
.lib-back{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#666;font-weight:500;cursor:pointer;margin-bottom:28px;display:inline-block;transition:color .15s;background:none;border:none;font-family:inherit;}
.lib-back:hover{color:#1a1a1a;}
.lib-detail-header{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start;margin-bottom:28px;}
.lib-detail-glyph{}

/* Intro link */
.intro-story-link{font-size:13px;color:#666;cursor:pointer;margin-top:8px;display:inline-block;transition:color .15s;border:none;background:none;font-family:inherit;padding:0;}
.intro-story-link:hover{color:#1a1a1a;}

/* ── Login ────────────────────────────────────── */
.login-form{max-width:400px;}
.login-input{width:100%;padding:14px 18px;border:1px solid #ccc;background:#fff;font-size:15px;font-family:inherit;color:#1a1a1a;margin-bottom:14px;transition:border-color .15s;}
.login-input:focus{outline:none;border-color:#1a1a1a;}
.login-input::placeholder{color:#aaa;}
.login-error{font-size:13px;color:#b44;margin-top:8px;min-height:20px;}
.login-sent{text-align:center;padding:40px 0;}
.login-sent-icon{font-size:48px;color:#4a7;margin-bottom:16px;}
.login-sent p{font-size:15px;line-height:1.7;color:#444;}
.login-sent strong{color:#1a1a1a;}
.login-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid #ddd;}
.login-tab{background:none;border:none;padding:10px 20px;font-size:13px;font-family:inherit;color:#888;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;}
.login-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a;}
.login-tab:hover{color:#1a1a1a;}
.login-tab-note{font-size:13px;color:#777;margin-bottom:14px;line-height:1.6;}

/* ── Profile ──────────────────────────────────── */
.profile-info{padding:20px 0;border-bottom:1px solid #e0ddd6;}
.profile-email-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#888;margin-bottom:4px;}
.profile-email{font-size:16px;color:#1a1a1a;font-weight:500;}
.profile-history{margin-top:12px;}
.profile-result{padding:16px 0;border-bottom:1px solid #e8e5de;cursor:pointer;transition:background .15s;}
.profile-result:hover{background:#eae7e0;}
.profile-result-date{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:4px;}
.profile-result-top3{font-size:15px;color:#1a1a1a;font-weight:500;}
.profile-result-layer{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#aaa;margin-top:4px;}
.profile-empty{font-size:14px;color:#999;padding:24px 0;font-style:italic;}

/* ── Toast ────────────────────────────────────── */
.toast{position:fixed;bottom:-60px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#f2f0eb;padding:12px 28px;font-size:13px;letter-spacing:.06em;z-index:10000;transition:bottom .3s ease;white-space:nowrap;}
.toast.show{bottom:28px;}
.toast.error{background:#8b3a3a;}


/* ══════════════════════════════════════════════════════
   DEEPER LAYERS
   ══════════════════════════════════════════════════════ */

/* Paywall / Gate */
.deep-pitch{margin-bottom:32px;}
.deep-pitch-lead{font-size:17px;color:#1a1a1a;line-height:1.7;font-weight:500;margin-bottom:8px;}
.deep-pitch-body{font-size:14px;color:#555;line-height:1.8;max-width:480px;}

.deep-layers-preview{display:flex;flex-direction:column;gap:12px;}
.deep-layer-card{padding:22px 24px;background:#eae6dc;cursor:pointer;transition:background .15s,transform .15s;}
.deep-layer-card:hover{background:#e2ded4;transform:translateY(-1px);}
.deep-layer-card.done{border-left:3px solid #4a7a4a;}
.deep-layer-card.available{border-left:3px solid #1a1a1a;}
.deep-layer-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#888;margin-bottom:6px;font-weight:500;}
.deep-layer-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.01em;}
.deep-layer-desc{font-size:13px;color:#666;line-height:1.7;margin-bottom:8px;}
.deep-layer-count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#888;font-weight:500;}
.deep-layer-card.done .deep-layer-count{color:#4a7a4a;}

/* Unlock / Purchase */
.deep-unlock{margin-top:36px;text-align:center;padding:28px 24px;background:#eae6dc;}
.deep-unlock-price{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:14px;}
.deep-unlock-note{font-size:12px;color:#888;margin-top:12px;letter-spacing:.04em;}

/* Deep Quiz */
#deep-quiz-content .prog-wrap{margin-bottom:28px;}
#deep-quiz-content .q-section-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#888;margin-bottom:22px;font-weight:500;}
#deep-quiz-content .q-text{font-size:clamp(18px,3.5vw,24px);font-weight:300;line-height:1.5;color:#1a1a1a;margin-bottom:32px;max-width:520px;}
#deep-quiz-content .opts{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
#deep-quiz-content .opt{display:flex;gap:14px;padding:16px 18px;background:#eae6dc;cursor:pointer;transition:background .12s,transform .1s;align-items:flex-start;}
#deep-quiz-content .opt:hover{background:#e2ded4;transform:translateX(3px);}
#deep-quiz-content .opt.sel{background:#1a1a1a;color:#f2f0eb;}
#deep-quiz-content .opt.sel .opt-n{color:#888;}
#deep-quiz-content .opt-n{font-size:12px;color:#aaa;min-width:22px;padding-top:2px;font-weight:500;letter-spacing:.06em;}
#deep-quiz-content .opt-t{font-size:14px;line-height:1.65;color:inherit;}
#deep-quiz-content .q-nav{display:flex;align-items:center;gap:14px;margin-top:16px;}
#deep-quiz-content .q-hint{font-size:12px;color:#aaa;letter-spacing:.06em;}

/* Deep Reveal */
#deep-reveal-content .rev-meta{margin-bottom:32px;}
#deep-reveal-content .rev-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:12px;}
#deep-reveal-content .rev-head{font-size:clamp(28px,5vw,42px);font-weight:300;line-height:1.08;letter-spacing:-.025em;color:#1a1a1a;margin-bottom:16px;}
#deep-reveal-content .rev-head b{font-weight:700;}
#deep-reveal-content .rev-sub{font-size:14px;color:#555;line-height:1.8;max-width:480px;}
#deep-reveal-content .chart-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:16px;}
#deep-reveal-content .chart-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
#deep-reveal-content .chart-name{font-size:12px;color:#888;min-width:80px;letter-spacing:.04em;}
#deep-reveal-content .chart-track{flex:1;height:6px;background:#e8e5de;position:relative;}
#deep-reveal-content .chart-bar{height:100%;transition:width .4s ease;}
#deep-reveal-content .chart-bar.primary{background:#1a1a1a;}
#deep-reveal-content .chart-bar.secondary{background:#555;}
#deep-reveal-content .chart-bar.tertiary{background:#888;}
#deep-reveal-content .chart-bar.rest{background:#bbb;}
#deep-reveal-content .chart-pct{font-size:12px;color:#666;min-width:55px;text-align:right;}
#deep-reveal-content .tension-section{padding:24px 0;border-top:1px solid #e0ddd6;margin-top:24px;}
#deep-reveal-content .tension-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:8px;}
#deep-reveal-content .tension-pair{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px;}
#deep-reveal-content .tension-desc{font-size:14px;color:#555;line-height:1.75;}

/* ══════════════════════════════════════════════════════
   RELATIONSHIP MIRROR
   ══════════════════════════════════════════════════════ */

/* How It Works Steps */
.mirror-steps{display:flex;flex-direction:column;gap:12px;}
.mirror-step{display:flex;gap:14px;align-items:center;padding:14px 18px;background:#eae6dc;}
.mirror-step-num{font-size:18px;font-weight:300;color:#888;min-width:30px;text-align:center;}

/* Link Box */
.mirror-link-box{display:flex;gap:10px;flex-wrap:wrap;}
.mirror-link-box .login-input{flex:1;min-width:200px;}

/* Side-by-side Chart */
.mirror-chart-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;}
.mirror-chart-name{font-size:11px;color:#888;min-width:72px;letter-spacing:.04em;text-align:right;}
.mirror-chart-dual{flex:1;display:flex;gap:2px;}
.mirror-bar-wrap{flex:1;height:8px;background:#eae7e0;position:relative;}
.mirror-bar-left{direction:rtl;}
.mirror-bar{height:100%;transition:width .4s ease;}
.mirror-bar.a{background:#1a1a1a;}
.mirror-bar.b{background:#999;}
.mirror-legend{display:flex;gap:20px;justify-content:center;margin-top:16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#888;}
.mirror-legend-a{color:#1a1a1a;}
.mirror-legend-b{color:#999;}

/* Mirror Result Sections — reuse tension-section styling */
#mirror-result-content .rev-meta{margin-bottom:32px;}
#mirror-result-content .rev-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:12px;}
#mirror-result-content .rev-head{font-size:clamp(28px,5vw,42px);font-weight:300;line-height:1.08;letter-spacing:-.025em;color:#1a1a1a;margin-bottom:16px;}
#mirror-result-content .rev-head b{font-weight:700;}
#mirror-result-content .rev-sub{font-size:14px;color:#555;line-height:1.8;max-width:480px;}
#mirror-result-content .tension-section{padding:24px 0;border-top:1px solid #e0ddd6;}
#mirror-result-content .tension-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:8px;}
#mirror-result-content .tension-pair{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px;}
#mirror-result-content .tension-desc{font-size:14px;color:#555;line-height:1.75;}

/* ══════════════════════════════════════════════════════
   BRAND ARCHETYPE REPORT
   ══════════════════════════════════════════════════════ */

.brand-section{margin-bottom:48px;}
.brand-section-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666;font-weight:500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #d8d3ca;}

/* Essence grid */
.brand-essence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:540px){.brand-essence-grid{grid-template-columns:1fr;}}
.brand-essence-item{padding:20px;background:#eae6dc;}
.brand-essence-item.brand-essence-primary{background:#1a1a1a;color:#f2f0eb;}
.brand-essence-rank{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:6px;}
.brand-essence-primary .brand-essence-rank{color:#999;}
.brand-essence-name{font-size:20px;font-weight:600;margin-bottom:6px;letter-spacing:-.01em;}
.brand-essence-tagline{font-size:13px;line-height:1.6;color:#555;}
.brand-essence-primary .brand-essence-tagline{color:#bbb;}

/* Soul message */
.brand-soul-message{font-size:15px;color:#2a2a2a;line-height:1.85;margin-bottom:20px;}

/* Promise */
.brand-promise{padding:20px 24px;background:#eae6dc;border-left:2px solid #1a1a1a;margin-top:20px;}
.brand-promise-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:8px;}
.brand-promise-text{font-size:16px;font-weight:500;color:#1a1a1a;line-height:1.6;font-style:italic;}

/* Voice blend */
.brand-voice-blend{font-size:14px;color:#2a2a2a;line-height:1.8;margin-bottom:20px;}

/* Lists */
.brand-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:480px){.brand-list-grid{grid-template-columns:1fr;}}
.brand-list-title{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:10px;}
.brand-list{list-style:none;}
.brand-list li{font-size:13px;color:#333;line-height:1.75;padding-left:12px;position:relative;margin-bottom:4px;}
.brand-list li::before{content:'\2013';position:absolute;left:0;color:#aaa;}

/* Body text */
.brand-body-text{font-size:14px;color:#333;line-height:1.8;}

/* Pillars */
.brand-pillars{display:flex;flex-direction:column;gap:8px;}
.brand-pillar{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;background:#eae6dc;}
.brand-pillar-num{font-size:18px;font-weight:300;color:#888;min-width:30px;}
.brand-pillar-text{font-size:14px;color:#2a2a2a;line-height:1.7;}

/* Color swatches */
.brand-color-row{display:flex;gap:8px;flex-wrap:wrap;}
.brand-color-swatch{padding:14px 20px;font-size:12px;font-weight:600;letter-spacing:.06em;min-width:100px;text-align:center;}

/* Brand values */
.brand-values-row{display:flex;gap:8px;flex-wrap:wrap;}
.brand-value-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#555;padding:8px 14px;background:#eae6dc;font-weight:500;}

/* Avoid list */
.brand-avoid-list li{color:#8b3a3a;}
.brand-avoid-list li::before{color:#b66;}

/* Depth section */
.brand-depth-section{padding:28px;background:#eae6dc;border-left:2px solid #1a1a1a;}

/* Preview grid (paywall) */
.brand-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:28px;}
.brand-preview-card{padding:22px 20px;background:#eae6dc;}
.brand-preview-icon{font-size:20px;margin-bottom:10px;color:#888;}
.brand-preview-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.01em;}
.brand-preview-card p{font-size:12px;color:#666;line-height:1.7;}

/* ── Visual Maps ── */
.vmap-wrap{margin:0 auto;max-width:480px;}
.vmap-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:12px;}
.vmap-svg{width:100%;height:auto;color:#1a1a1a;display:block;}
.vmap-caption{font-size:12px;color:#888;line-height:1.75;margin-top:14px;font-style:italic;}

/* ── Deep Theory ── */
.deep-theory{margin-top:20px;padding:24px 22px;background:#f7f5f0;border-left:2px solid #1a1a1a;}
.deep-theory-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:10px;letter-spacing:-.01em;}
.deep-theory-body{font-size:13px;color:#555;line-height:1.8;margin-bottom:0;}
.deep-theory-body em{font-style:italic;color:#1a1a1a;}
.deep-theory-practice{margin-top:16px;padding-top:14px;border-top:1px solid #e0ddd5;font-size:12px;color:#666;line-height:1.75;}
.deep-theory-practice strong{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:6px;}

/* ══════════════════════════════════════════════════════
   REVEAL REDESIGN — Guided Reading
   ══════════════════════════════════════════════════════ */

/* ── Hero Reveal ── */
.reveal-hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 0 40px;}
.reveal-hero-inner{max-width:480px;}
.reveal-hero-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#888;font-weight:500;margin-bottom:24px;}
.reveal-hero-glyph{margin-bottom:24px;line-height:1;}
.reveal-hero-glyph svg{width:72px;height:72px;}
.reveal-hero-name{font-size:clamp(32px,6vw,54px);font-weight:300;line-height:1.08;letter-spacing:-.03em;color:#1a1a1a;margin-bottom:16px;}
.reveal-hero-name b{font-weight:700;}
.reveal-hero-mantra{font-size:16px;font-weight:300;font-style:italic;color:#555;line-height:1.7;max-width:400px;margin:0 auto 32px;padding:0 20px;}
.reveal-hero-trio{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;}
.reveal-hero-trio-item{text-align:center;}
.reveal-hero-trio-rank{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aaa;font-weight:500;margin-bottom:4px;}
.reveal-hero-trio-name{font-size:15px;font-weight:500;color:#1a1a1a;letter-spacing:-.01em;}
.reveal-hero-trio-item:first-child .reveal-hero-trio-name{font-weight:600;}

/* ── Section Nav ── */
.section-nav{position:sticky;top:52px;z-index:90;background:#f2f0eb;border-bottom:1px solid #d8d3ca;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;}
.section-nav.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.section-nav-inner{display:flex;gap:0;max-width:620px;margin:0 auto;padding:0 28px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.section-nav-inner::-webkit-scrollbar{display:none;}
.section-nav-link{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#999;font-weight:500;padding:11px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;white-space:nowrap;text-decoration:none;}
.section-nav-link:hover{color:#555;}
.section-nav-link.active{color:#1a1a1a;border-bottom-color:#1a1a1a;}
@media(max-width:480px){.section-nav-link{padding:10px 10px;font-size:9px;letter-spacing:.1em;}}

/* ── Chapters ── */
.chapter{padding-top:80px;padding-bottom:20px;}
.chapter:first-of-type{padding-top:60px;}
.chapter-label{text-align:center;margin-bottom:40px;}
.chapter-label span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#888;font-weight:500;display:inline-block;position:relative;padding:0 20px;}
.chapter-label span::before,.chapter-label span::after{content:'';position:absolute;top:50%;width:40px;height:1px;background:#d0ccc4;}
.chapter-label span::before{right:100%;}
.chapter-label span::after{left:100%;}

/* ── Merged Dynamics ── */
.dynamics-section{padding:28px 26px;background:#eae6dc;border-left:2px solid #1a1a1a;}
.dynamics-pair{font-size:20px;font-weight:300;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.015em;}
.dynamics-pair b{font-weight:600;}
.dynamics-combo-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:16px;letter-spacing:-.01em;}
.dynamics-tension-desc{font-size:14px;color:#2a2a2a;line-height:1.75;margin-bottom:14px;}
.dynamics-pattern{font-size:13px;color:#555;line-height:1.7;font-style:italic;padding-left:14px;border-left:2px solid #bbb;margin-bottom:20px;}
.dynamics-sub{margin-top:20px;padding-top:18px;border-top:1px solid #d0ccc4;}
.dynamics-sub-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#777;font-weight:600;margin-bottom:6px;}
.dynamics-sub-text{font-size:13px;color:#333;line-height:1.7;padding:12px 16px;background:rgba(0,0,0,.04);margin-bottom:6px;}

/* ── Action Grid ── */
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:520px){.action-grid{grid-template-columns:1fr;}}
.action-card{padding:24px 22px;background:#eae6dc;cursor:pointer;transition:background .15s,transform .15s;position:relative;}
.action-card:hover{background:#e2ded4;transform:translateY(-2px);}
.action-card-icon{font-size:20px;color:#888;margin-bottom:12px;}
.action-card-tag{position:absolute;top:14px;right:14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#888;font-weight:500;}
.action-card-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.01em;}
.action-card-desc{font-size:12px;color:#666;line-height:1.7;margin-bottom:12px;}
.action-card-link{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#1a1a1a;font-weight:600;}

/* Share result panel */
.share-result{text-align:center;padding:24px 0;}
.share-result .share-preview{width:100%;max-width:270px;margin-bottom:18px;border:1px solid #d8d3ca;}