/* Restored from discovery/phase1/raw_html/%2Fknowledge%2Fcompound-interest-calculator%2F.html — page styles (do not strip) */
/* ===== HERO ===== */
.tool-hero{background:linear-gradient(135deg,#0D1B2E 0%,#131F3E 60%,#0a1628 100%);padding:110px 0 72px;position:relative;overflow:hidden;}
.tool-hero::before{content:'';position:absolute;top:-40%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(8,106,216,0.12) 0%,transparent 70%);pointer-events:none;}
.tool-hero-inner{position:relative;z-index:1;}
.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:20px;}
.breadcrumb a{font-size:0.78rem;color:rgba(255,255,255,0.4);text-decoration:none;}
.breadcrumb a:hover{color:rgba(255,255,255,0.7);}
.breadcrumb span{font-size:0.78rem;color:rgba(255,255,255,0.25);}
.tool-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px;}
.tool-hero h1 span{color:#4A9EFF;}
.tool-hero p{font-size:1rem;color:rgba(255,255,255,0.6);max-width:620px;line-height:1.8;}
.tool-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.tool-badge{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:5px 14px;font-family:'Poppins',sans-serif;font-size:0.7rem;font-weight:600;color:rgba(255,255,255,0.6);letter-spacing:0.06em;}
.hero-stats{display:flex;gap:32px;margin-top:32px;flex-wrap:wrap;}
.hero-stat .hs-num{font-size:1.6rem;font-weight:800;color:#4A9EFF;}
.hero-stat .hs-lbl{font-size:0.72rem;color:rgba(255,255,255,0.4);letter-spacing:0.06em;text-transform:uppercase;}

/* ===== MAIN CALCULATOR ===== */
.tool-main{padding:56px 0 80px;background:#F4F9FC;}
.tool-layout{display:grid;grid-template-columns:400px 1fr;gap:28px;align-items:start;}
@media(max-width:960px){.tool-layout{grid-template-columns:1fr;}}

/* ===== INPUT PANEL ===== */
.calc-panel{background:#fff;border-radius:14px;border:1.5px solid #dde6ef;padding:28px;position:sticky;top:90px;}
.calc-panel h2{font-size:1rem;font-weight:700;color:#0D1B2E;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #eef2f7;}
.field-group{margin-bottom:16px;}
.field-group label{display:flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:600;color:#555;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:6px;}
.field-group label .tip{width:15px;height:15px;background:#eef2f7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:700;color:#888;cursor:help;flex-shrink:0;position:relative;}
.field-group label .tip:hover::after{content:attr(data-tip);position:absolute;left:20px;top:-4px;background:#0D1B2E;color:#fff;font-size:0.72rem;font-weight:400;padding:6px 10px;border-radius:6px;white-space:nowrap;max-width:220px;white-space:normal;width:220px;z-index:100;line-height:1.5;letter-spacing:0;}
.field-group input,.field-group select{width:100%;padding:10px 13px;border:1.5px solid #dde6ef;border-radius:7px;font-family:'Rubik',sans-serif;font-size:0.92rem;color:#0D1B2E;background:#fff;transition:border-color 0.2s;box-sizing:border-box;}
.field-group input:focus,.field-group select:focus{outline:none;border-color:#086AD8;}
.input-prefix{position:relative;}
.input-prefix span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:0.88rem;color:#aaa;pointer-events:none;}
.input-prefix input{padding-left:26px;}
.input-suffix{position:relative;}
.input-suffix span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:0.88rem;color:#aaa;pointer-events:none;}
.input-suffix input{padding-right:30px;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.section-divider{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#086AD8;margin:20px 0 14px;padding-top:16px;border-top:1px solid #eef2f7;}
.calc-btn{width:100%;padding:13px;background:#086AD8;color:#fff;border:none;border-radius:7px;font-family:'Poppins',sans-serif;font-size:0.82rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;margin-top:4px;}
.calc-btn:hover{background:#0558b0;}
.reset-btn{width:100%;padding:9px;background:transparent;color:#888;border:1.5px solid #dde6ef;border-radius:7px;font-family:'Poppins',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;transition:all 0.2s;margin-top:8px;}
.reset-btn:hover{border-color:#086AD8;color:#086AD8;}

/* ===== RESULTS PANEL ===== */
.results-panel{display:flex;flex-direction:column;gap:20px;}
.result-summary{background:#fff;border-radius:14px;border:1.5px solid #dde6ef;padding:28px;}
.result-summary h2{font-size:1rem;font-weight:700;color:#0D1B2E;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #eef2f7;}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;}
@media(max-width:500px){.result-grid{grid-template-columns:1fr 1fr;}}
.result-item{background:#F4F9FC;border-radius:9px;padding:16px 14px;text-align:center;}
.result-item.highlight{background:#EEF4FB;border:1.5px solid #c2d8f0;}
.result-label{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#888;margin-bottom:5px;}
.result-value{font-size:1.25rem;font-weight:800;color:#0D1B2E;line-height:1.1;}
.result-item.highlight .result-value{color:#086AD8;font-size:1.5rem;}
.result-sub{font-size:0.7rem;color:#aaa;margin-top:3px;}

.chart-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.chart-tab{padding:6px 14px;border:1.5px solid #dde6ef;border-radius:20px;font-family:'Poppins',sans-serif;font-size:0.72rem;font-weight:600;color:#888;cursor:pointer;transition:all 0.2s;background:#fff;}
.chart-tab.active{background:#086AD8;border-color:#086AD8;color:#fff;}
.chart-wrap{position:relative;}
canvas{max-height:240px;}

/* ===== RULE OF 72 STRIP ===== */
.rule72-strip{background:#0D1B2E;border-radius:10px;padding:18px 22px;margin-top:4px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.rule72-strip .r72-label{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#4A9EFF;}
.rule72-strip .r72-value{font-size:1.1rem;font-weight:800;color:#fff;}
.rule72-strip .r72-desc{font-size:0.8rem;color:rgba(255,255,255,0.5);line-height:1.5;}

/* ===== SCENARIO COMPARISON ===== */
.scenario-panel{background:#fff;border-radius:14px;border:1.5px solid #dde6ef;padding:28px;}
.scenario-panel h2{font-size:1rem;font-weight:700;color:#0D1B2E;margin-bottom:6px;}
.scenario-panel p{font-size:0.82rem;color:#888;margin-bottom:20px;}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:600px){.scenario-grid{grid-template-columns:1fr;}}
.scenario-card{border-radius:10px;padding:18px;border:1.5px solid #dde6ef;}
.scenario-card.base{border-color:#086AD8;background:#EEF4FB;}
.scenario-card.low{background:#FFF8F0;}
.scenario-card.high{background:#F0FFF4;}
.sc-label{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#888;margin-bottom:4px;}
.sc-rate{font-size:0.85rem;font-weight:700;color:#555;margin-bottom:10px;}
.sc-value{font-size:1.3rem;font-weight:800;color:#0D1B2E;}
.sc-interest{font-size:0.78rem;color:#888;margin-top:4px;}

/* ===== YEAR-BY-YEAR TABLE ===== */
.table-panel{background:#fff;border-radius:14px;border:1.5px solid #dde6ef;padding:28px;}
.table-panel h2{font-size:1rem;font-weight:700;color:#0D1B2E;margin-bottom:6px;}
.table-panel p{font-size:0.82rem;color:#888;margin-bottom:20px;}
.table-wrap{overflow-x:auto;max-height:380px;overflow-y:auto;}
.data-table{width:100%;border-collapse:collapse;font-size:0.82rem;}
.data-table th{background:#0D1B2E;color:#fff;padding:10px 14px;text-align:right;font-family:'Poppins',sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;position:sticky;top:0;z-index:1;}
.data-table th:first-child{text-align:left;}
.data-table td{padding:9px 14px;border-bottom:1px solid #eef2f7;color:#555;font-family:'Rubik',sans-serif;text-align:right;}
.data-table td:first-child{text-align:left;font-weight:600;color:#0D1B2E;}
.data-table tr:last-child td{border-bottom:none;font-weight:700;color:#086AD8;}
.data-table tr:nth-child(even) td{background:#F9FBFD;}
.export-btn{margin-top:14px;padding:8px 18px;background:transparent;border:1.5px solid #dde6ef;border-radius:6px;font-family:'Poppins',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#555;cursor:pointer;transition:all 0.2s;}
.export-btn:hover{border-color:#086AD8;color:#086AD8;}

/* ===== APR/APY CONVERTER ===== */
.converter-panel{background:#fff;border-radius:14px;border:1.5px solid #dde6ef;padding:28px;}
.converter-panel h2{font-size:1rem;font-weight:700;color:#0D1B2E;margin-bottom:6px;}
.converter-panel p{font-size:0.82rem;color:#888;margin-bottom:20px;}
.converter-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;}
@media(max-width:500px){.converter-grid{grid-template-columns:1fr;}}
.conv-arrow{font-size:1.2rem;color:#086AD8;text-align:center;padding-bottom:10px;}
.conv-result{background:#EEF4FB;border-radius:8px;padding:14px;text-align:center;}
.conv-result .cr-label{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#888;margin-bottom:4px;}
.conv-result .cr-value{font-size:1.4rem;font-weight:800;color:#086AD8;}

/* ===== CONTENT SECTIONS ===== */
.content-section{padding:64px 0;background:#fff;}
.content-section.alt{background:#F4F9FC;}
.content-inner{max-width:780px;}
.content-inner h2{font-size:1.4rem;font-weight:800;color:#0D1B2E;margin-bottom:16px;}
.content-inner h3{font-size:1rem;font-weight:700;color:#0D1B2E;margin:28px 0 10px;}
.content-inner p{font-size:0.92rem;color:#555;line-height:1.85;margin-bottom:14px;}
.content-inner ul,.content-inner ol{padding-left:20px;margin-bottom:14px;}
.content-inner ul li,.content-inner ol li{font-size:0.9rem;color:#555;line-height:1.75;margin-bottom:8px;}

.formula-box{background:#0D1B2E;border-radius:10px;padding:24px 28px;margin:24px 0;}
.formula-box .formula-title{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#4A9EFF;margin-bottom:10px;}
.formula-box .formula-text{font-family:'Rubik',monospace;font-size:1.05rem;color:#fff;letter-spacing:0.02em;margin-bottom:12px;}
.formula-box .formula-legend{font-size:0.82rem;color:rgba(255,255,255,0.5);line-height:1.8;margin:0;}

.example-box{background:#EEF4FB;border-left:3px solid #086AD8;border-radius:0 8px 8px 0;padding:20px 24px;margin:24px 0;}
.example-box .ex-title{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#086AD8;margin-bottom:10px;}
.example-box p{margin:0 0 8px;font-size:0.88rem;color:#333;line-height:1.75;}
.example-box p:last-child{margin:0;}
.example-box strong{color:#0D1B2E;}

.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:0.85rem;}
.comparison-table th{background:#0D1B2E;color:#fff;padding:10px 14px;text-align:left;font-family:'Poppins',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;}
.comparison-table td{padding:10px 14px;border-bottom:1px solid #eef2f7;color:#555;font-family:'Rubik',sans-serif;}
.comparison-table tr:last-child td{border-bottom:none;}
.comparison-table tr:nth-child(even) td{background:#F4F9FC;}

/* ===== FAQ ===== */
.faq-section{padding:64px 0;background:#fff;}
.faq-list{max-width:780px;margin-top:32px;}
.faq-item{border-bottom:1px solid #eef2f7;}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 0;font-family:'Poppins',sans-serif;font-size:0.92rem;font-weight:600;color:#0D1B2E;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.faq-q::after{content:'+';font-size:1.2rem;color:#086AD8;flex-shrink:0;transition:transform 0.2s;}
.faq-q.open::after{transform:rotate(45deg);}
.faq-a{display:none;padding:0 0 18px;font-size:0.88rem;color:#666;line-height:1.8;}
.faq-a.open{display:block;}

/* ===== OPEN RESOURCE SECTION ===== */
.educator-section{padding:64px 0;background:#0D1B2E;}
.educator-inner{max-width:780px;}
.educator-inner h2{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:8px;}
.educator-inner>p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.75;margin-bottom:28px;}
.educator-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;}
@media(max-width:640px){.educator-grid{grid-template-columns:1fr;}}
.educator-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:20px;}
.educator-card h4{font-family:'Poppins',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#4A9EFF;margin-bottom:10px;}
.educator-card p,.educator-card code{font-family:'Rubik',sans-serif;font-size:0.82rem;color:rgba(255,255,255,0.6);line-height:1.7;margin:0;}
.educator-card code{display:block;background:rgba(0,0,0,0.35);border-radius:5px;padding:10px 12px;font-size:0.78rem;color:#4A9EFF;word-break:break-all;margin-top:8px;}
.copy-btn{margin-top:10px;background:rgba(8,106,216,0.2);border:1px solid rgba(8,106,216,0.3);color:#4A9EFF;font-family:'Poppins',sans-serif;font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:6px 14px;border-radius:4px;cursor:pointer;transition:background 0.2s;}
.copy-btn:hover{background:rgba(8,106,216,0.35);}
.educator-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;}
@media(max-width:640px){.educator-features{grid-template-columns:1fr 1fr;}}
.ef-item{text-align:center;padding:16px 10px;background:rgba(255,255,255,0.04);border-radius:8px;border:1px solid rgba(255,255,255,0.07);}
.ef-icon{font-size:1.4rem;margin-bottom:8px;}
.ef-label{font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.5);line-height:1.4;}

/* ===== RELATED ===== */
.related-section{padding:56px 0;background:#F4F9FC;}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
@media(max-width:860px){.related-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.related-grid{grid-template-columns:1fr;}}
.related-card{background:#fff;border-radius:10px;border:1.5px solid #dde6ef;padding:20px;text-decoration:none;transition:border-color 0.2s,box-shadow 0.2s;display:block;}
.related-card:hover{border-color:#086AD8;box-shadow:0 4px 16px rgba(8,106,216,0.08);}
.related-card .rc-icon{font-size:1.3rem;margin-bottom:10px;}
.related-card h4{font-size:0.85rem;font-weight:700;color:#0D1B2E;margin-bottom:4px;line-height:1.3;}
.related-card p{font-size:0.78rem;color:#888;margin:0;line-height:1.5;}

.disclaimer{font-size:0.72rem;color:#aaa;line-height:1.6;margin-top:40px;padding-top:24px;border-top:1px solid #eef2f7;}