@charset "UTF-8";
:root{--ink:#38263e;--muted:#796d80;--accent:#77508f;--line:#e9e1ee;--paper:#fff;--pink:#fbe9eb;--lilac:#eee5fa;--mint:#e3f4ec;--radius:24px;--shadow:0 8px 32px #7057840b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;color:var(--ink);font-family:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;letter-spacing:-.035em;background:radial-gradient(ellipse 600px 520px at 4% 0%,#eee1ff85,transparent),radial-gradient(ellipse 550px 580px at 100% 13%,#fce9ef85,transparent),#fbf9fd;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9071ad;outline-offset:4px}button:disabled{cursor:default;opacity:.5}svg{width:24px;height:24px;flex-shrink:0}img{max-width:100%}button{border:0}input,select,textarea{min-width:0;color:var(--ink)}[hidden]{display:none!important}.skip{position:absolute;top:-60px;left:20px;background:var(--ink);color:white;padding:8px 18px;z-index:10}.skip:focus{top:12px}.header{max-width:1100px;margin:auto;padding:29px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:19px;letter-spacing:-.045em;line-height:1.25}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#ecdff9,#f9e5ee);border:1px solid white;border-radius:14px;font-size:28px;color:#78538c}.brand-sub{display:block;font-size:10px;letter-spacing:0;font-weight:500;color:var(--muted);margin-top:5px}nav{display:flex;align-items:center;gap:27px}nav a{font-size:13px;font-weight:650;color:#6c5d74}nav a:hover,.text-link:hover{color:#8751a8}.nav-about{padding:7px 17px;border:1px solid #e6dcee;border-radius:30px;background:#ffffff80}main{max-width:1100px;padding:0 24px;margin:auto}.hero{text-align:center;padding:52px 10px 49px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;width:370px;height:250px;border-radius:50%;background:radial-gradient(ellipse,#f1e7fe9c,transparent);left:calc(50% - 185px);top:40px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.2em;color:#927f9f;display:inline-flex;gap:8px;align-items:center}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#ac91bd}.hero h2{font-size:49px;line-height:1.25;letter-spacing:-.065em;margin:17px 0 20px;font-weight:800}.hero h2>span{color:#80608f}.hero p{font-size:15px;color:#84758c;line-height:1.85;margin:0}.hero-note{margin-top:24px;display:flex;justify-content:center;gap:20px;color:#9988a2;font-size:11px}.stage-section,.calculators-section,.guides-section{margin-bottom:54px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:16px}.overline{font-size:11px;font-weight:600;color:#9b88a7;display:block;margin-bottom:5px}.section-heading h1,.section-heading h2{margin:0;font-size:23px;font-weight:750;letter-spacing:-.055em}.soft-label{font-size:11px;color:#94829e;white-space:nowrap}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stage-card{display:block;position:relative;overflow:hidden;border-radius:26px;border:1px solid #ffffff;background:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.stage-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #70578418}.stage-card.pre{background:radial-gradient(circle at 40% 20%,#fff9f9 0%,#ffeef1 55%,#f9e0e6 100%)}.stage-card.birth{background:radial-gradient(circle at 40% 20%,#fcfaff 0%,#f1eaff 55%,#e7ddf7 100%)}.stage-card.post{background:radial-gradient(circle at 40% 20%,#f9fffb 0%,#e9f8f0 55%,#d7efe5 100%)}.stage-art{height:205px;display:flex;justify-content:center;align-items:center;padding:8px 40px 0}.stage-art img{width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 8px 10px #7057840a)}.stage-caption{position:relative;display:flex;flex-direction:column;padding:0 26px 24px}.stage-label{font-size:21px;font-weight:800;letter-spacing:-.055em}.stage-sub{font-size:12px;color:#8a728e;margin-top:2px}.stage-arrow{position:absolute;right:24px;top:0;display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#ffffffa3;color:#8d7698;font-size:17px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.tabs{display:flex;gap:4px;border-radius:30px;padding:4px;background:#f0ebf4}.tabs button{padding:8px 18px;font-size:12px;background:transparent;border-radius:30px;color:#8b7a96;white-space:nowrap}.tabs button[aria-pressed=true]{background:white;color:#644676;box-shadow:0 2px 6px #6c477513;font-weight:750}.search{display:flex;align-items:center;gap:9px;padding:10px 14px;background:#fff;border:1px solid #e9e3ee;border-radius:15px;width:288px;flex-shrink:0}.search svg{width:16px;height:16px;color:#a695b0}.search input{border:0;outline:none;background:transparent;font-size:11px;width:100%;padding:0}.search input::placeholder{color:#ae9fb8}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool-card{display:flex;align-items:center;gap:14px;position:relative;min-height:132px;background:#fff;border:1px solid #eee8f1;box-shadow:var(--shadow);border-radius:20px;padding:24px 17px;transition:border-color .18s,transform .18s}.tool-card:hover{border-color:#cabbda;transform:translateY(-2px)}.tool-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:16px;color:#bb7e8f;background:var(--pink)}.tool-card.birth .tool-icon{color:#9871be;background:var(--lilac)}.tool-card.post .tool-icon{color:#629f88;background:var(--mint)}.tool-icon svg{width:24px;height:24px}.small-label{font-size:10px;color:#a893b2;font-weight:650}.tool-copy h3{font-size:15px;letter-spacing:-.05em;margin:3px 0 4px;font-weight:750}.tool-copy p{font-size:11px;color:#a08daa;margin:0;line-height:1.6;max-width:180px}.card-arrow{margin-left:auto;font-size:14px;color:#ad9bb8}.empty-state{text-align:center;padding:40px;background:#fff;border-radius:20px;color:var(--muted)}.text-link{font-size:12px;font-weight:700;color:#9370a7}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{border:1px solid #ece5f0;background:#ffffff80;border-radius:20px;padding:25px;position:relative;transition:background .2s}.guide-card:hover{background:white}.guide-number{display:block;font-size:33px;color:#dbcde6;font-weight:400;letter-spacing:-.06em;line-height:1.1;margin-bottom:21px}.guide-card h3{font-size:17px;line-height:1.65;margin:7px 0;letter-spacing:-.045em}.guide-card p{font-size:11px;color:#9e8aa9;margin:0 0 22px}.trust-banner{border:1px solid white;border-radius:23px;background:linear-gradient(110deg,#eee4f5,#f5eaf3 65%,#e9f3ef);padding:29px 34px;display:flex;gap:23px;align-items:center;margin-bottom:65px}.trust-icon{font-size:38px;color:white;line-height:1}.trust-banner h2{font-size:18px;line-height:1.5;margin:0 0 7px}.trust-banner p{font-size:12px;line-height:1.85;color:#8e769b;margin:0}.trust-banner>a{white-space:nowrap;margin-left:auto;font-size:12px;font-weight:700;color:#876496}footer{max-width:1052px;margin:auto;border-top:1px solid #e8e0ef;padding:31px 0 27px;color:#a18daa}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top .brand{font-size:16px;color:#8c7698}.footer-top .brand-mark{width:31px;height:31px;font-size:21px;border-radius:11px}.footer-top p{font-size:11px;margin:0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin:23px 0 17px;font-size:11px}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px}.fineprint{font-size:11px;color:#9d8ba6;line-height:1.8}.footer-bottom+.fineprint{font-size:10px;margin:8px 0 0}.detail-main{padding-bottom:30px}.breadcrumbs{justify-content:flex-start;flex-wrap:wrap;gap:9px;margin:30px 0;color:#a18da9;font-size:11px}.breadcrumbs a{font-size:11px;color:#8b709a}.detail-heading{margin:34px 0}.category-badge{display:inline-flex;gap:6px;align-items:center;color:#a36f7e;background:var(--pink);border-radius:30px;font-size:11px;font-weight:650;padding:6px 13px}.category-badge.birth{color:#926bb0;background:var(--lilac)}.category-badge.post{color:#568c78;background:var(--mint)}.category-badge svg{width:14px;height:14px}.detail-heading h1{font-size:36px;line-height:1.35;letter-spacing:-.065em;margin:14px 0 9px}.detail-heading>p{margin:0;font-size:14px;color:#9b84a5}.calc-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.calc-box{background:white;border:1px solid #eee6f3;border-radius:26px;padding:29px;box-shadow:var(--shadow)}.box-heading h2{font-size:21px;margin:0 0 23px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;min-width:0}.field input,.field select,.field textarea,.field>select{background:#fbf9fd;border:1px solid #e9e0ef;padding:13px 12px;border-radius:12px;font-weight:500;line-height:1.5;font-size:14px;width:100%;min-height:48px}.field textarea{resize:vertical}.field-help{font-size:11px;color:#96809f;line-height:1.9;margin:16px 0}.form-actions{display:flex;gap:10px;align-items:center;margin-top:21px}.primary{background:#7b578f;color:white;border:1px solid #7b578f;border-radius:14px;padding:14px 20px;font-size:13px;font-weight:700;min-height:48px;transition:background .2s}.primary:hover{background:#684379}.form-actions .primary{flex:1;display:flex;justify-content:space-between}.reset{padding:12px;color:#9a85a5;background:transparent;font-size:12px}.secondary{background:#f1e9f7;color:#79598b;border-radius:12px;padding:10px 16px;font-size:12px;min-height:44px}.privacy-mini{display:flex;justify-content:center;gap:7px;align-items:center;font-size:10px;color:#a795b0;border-top:1px solid #f0eaf4;margin-top:23px;padding-top:18px}.privacy-mini svg{width:12px;height:12px}.answer-box{background:linear-gradient(140deg,#f0e6f8,#fbf1f6);border:1px solid white;border-radius:26px;padding:30px}.answer-box h2{font-size:20px;margin:0 0 15px}.answer-box p{font-size:13px;color:#8c7199;line-height:1.95}.formula{background:#ffffff90;border:1px solid white;border-radius:14px;padding:17px;font-size:12px;line-height:1.9;color:#76578a;margin:21px 0;overflow-wrap:anywhere}.article{max-width:760px;margin:43px auto;background:#ffffffb0;border:1px solid #eee6f2;border-radius:25px;padding:35px 42px;overflow-wrap:anywhere}.article section{margin-bottom:32px}.article section:last-child{margin-bottom:0}.article h2{font-size:20px;margin:0 0 12px;line-height:1.5}.article p{color:#85718f;line-height:2;font-size:13px;margin:0 0 12px}.article a{color:#805694;text-decoration:underline;text-underline-offset:3px}.article li{color:#85718f;font-size:12px;line-height:1.9;margin-bottom:10px}.article ul{padding-left:20px}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:#a58daf;font-size:10px;border-bottom:1px solid #ece4f1;padding-bottom:19px;margin-bottom:28px}.example{background:#f6f0fa;padding:19px 22px;border-radius:15px;margin-top:18px}.example>span{color:#aa8dbb;font-size:10px;font-weight:700}.example>p{font-size:12px;margin:6px 0 0}.qa details{padding:14px 0;border-bottom:1px solid #eee5f3}.qa summary{font-weight:650;font-size:13px;cursor:pointer}.qa details p{margin:10px 0 0;font-size:12px}.article .fineprint{font-size:10px;color:#ac94b6}.source-section{border-top:1px solid #ede5f2;padding-top:24px}.article-note{background:#faf5fc;border-radius:14px;padding:17px;font-size:11px;line-height:1.9;color:#9c81aa}.related-guide a{font-size:13px}.related-tools{margin-bottom:35px}.related-tools h2{font-size:21px;margin-bottom:20px}.result{margin-top:23px;border-radius:20px;padding:24px;background:linear-gradient(135deg,#f3ebfb,#fceff6);border:1px solid #ede1f5}.result-label{font-size:11px;color:#a183b2;margin:0}.result-value{font-size:28px;line-height:1.5;font-weight:800;letter-spacing:-.05em;margin:8px 0 4px;word-break:keep-all}.result-description{font-size:11px;color:#94759f;line-height:1.9;margin:8px 0}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.result-tile{border:1px solid #fff;background:#ffffff85;border-radius:14px;padding:12px}.result-tile span{display:block;font-size:10px;color:#a28caf}.result-tile strong{font-size:16px;font-weight:750}.result-list{margin:15px 0}.result-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9dcef;padding:11px 0;gap:15px;font-size:12px}.result-row strong{font-size:13px}.result-row small{color:#a18baa;display:block;font-size:10px}.result .secondary{background:#fff;border:1px solid #e7d9ef;padding:7px 12px;font-size:11px;margin-top:10px}.error{font-size:12px;background:#fff1f2;color:#ac5264;border:1px solid #f5ccd3;padding:12px;border-radius:12px}.exclusions{margin-top:18px}.inline-input{display:flex;gap:8px}.inline-input input{flex:1}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.date-chip{background:#f0e8f6;border:1px solid #e4d5ee;color:#8d6a9f;border-radius:30px;padding:6px 10px;font-size:11px;min-height:34px}.reading-main{max-width:850px;margin:auto;padding-bottom:40px}.reading-heading{padding-top:43px;margin:0 0 27px}.reading-heading h1{font-size:33px;letter-spacing:-.055em;line-height:1.45;margin:9px 0 17px}.reading-heading>p{font-size:14px;color:#8d7498;line-height:1.95}.reading-main .article{margin:28px 0}.back-link{font-size:12px;color:#9577a5}.guide-list{display:flex;flex-direction:column;gap:18px}.guide-list>a{border:1px solid #e8ddf0;background:#fff;border-radius:22px;padding:28px}.guide-list h2{font-size:21px;margin:8px 0 12px}.guide-list p{font-size:13px;color:#9680a1}.external-button{display:inline-block;text-decoration:none!important;color:white!important;margin-top:12px}.source-list li{margin-bottom:23px}.source-list li p{font-size:12px}.reading-main form{display:grid;gap:19px}.reading-main form .primary{justify-self:start}#feedback-result{margin-top:25px}#copy-status{font-size:11px;margin-top:10px}
@media(min-width:1400px){.hero{padding-top:62px}.stage-art{height:230px}.stage-art img{width:210px;height:210px}}
@media(max-width:900px){.header nav{gap:18px}.tool-card{padding:20px 14px;gap:10px}.tool-icon{width:39px;height:39px;border-radius:13px}.tool-copy h3{font-size:14px}.tool-copy p{font-size:10px}.tools-grid{grid-template-columns:repeat(2,1fr)}.stage-art{height:170px;padding:0 20px}.stage-art img{width:155px;height:155px}.stage-caption{padding:0 20px 21px}.stage-label{font-size:19px}.stage-arrow{right:18px;width:30px;height:30px}.calc-layout{grid-template-columns:1.3fr 1fr}.calc-box,.answer-box{padding:24px}.fields{grid-template-columns:1fr}.guide-card{padding:20px}.guide-card h3{font-size:15px}.trust-banner{padding:25px;gap:16px}.trust-banner>a{font-size:11px}footer{margin:0 24px}.article{padding:30px}}
@media(max-width:600px){body{background:radial-gradient(ellipse 400px 420px at 0% 0%,#ece2ff99,transparent),radial-gradient(ellipse 400px 420px at 100% 20%,#fae7ed80,transparent),#fbf9fd}.header{padding:22px 20px 17px;gap:10px}.brand{font-size:16px;gap:8px}.brand-mark{width:34px;height:34px;font-size:24px;border-radius:12px}.brand-sub{font-size:9px}.header nav{gap:13px}.header nav a{font-size:10px}.header nav a[href="/faq/"],.nav-about{display:none}main{padding:0 20px}.hero{padding:35px 0 34px}.eyebrow{font-size:8px;letter-spacing:.18em}.hero h2{font-size:33px;margin:15px 0 17px;line-height:1.35}.hero p{font-size:12px;line-height:1.95}.hero-note{font-size:9px;gap:12px;margin-top:18px}.section-heading{margin-bottom:17px}.section-heading h1,.section-heading h2{font-size:19px}.overline{font-size:10px}.soft-label{font-size:9px}.stage-grid{gap:9px}.stage-card{border-radius:20px}.stage-art{height:114px;padding:5px 3px 0}.stage-art img{width:112px;height:112px}.stage-caption{padding:3px 13px 17px}.stage-label{font-size:16px}.stage-sub{font-size:8px;letter-spacing:-.05em;white-space:nowrap;margin-top:4px}.stage-arrow{right:11px;top:6px;width:21px;height:21px;font-size:12px}.stage-section,.calculators-section,.guides-section{margin-bottom:37px}.filter-row{flex-direction:column;align-items:stretch;gap:14px}.tabs{align-self:flex-start}.tabs button{padding:7px 16px;font-size:11px}.search{width:100%;padding:11px 14px}.search input{font-size:11px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{align-items:flex-start;flex-direction:column;gap:10px;padding:17px 15px;min-height:163px;border-radius:18px}.tool-icon{width:37px;height:37px;border-radius:12px}.tool-icon svg{width:20px;height:20px}.tool-copy h3{font-size:13px;margin:2px 0 5px}.tool-copy p{font-size:10px;line-height:1.65}.card-arrow{position:absolute;right:14px;top:20px;font-size:12px}.small-label{font-size:9px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-card{padding:21px 24px}.guide-number{float:right;font-size:34px;margin:0}.guide-card h3{font-size:16px;margin:5px 0 7px}.guide-card h3 br{display:none}.guide-card p{font-size:11px;margin-bottom:13px}.guide-card .text-link{font-size:11px}.trust-banner{flex-wrap:wrap;padding:22px;gap:13px;margin-bottom:37px;border-radius:20px}.trust-icon{font-size:29px}.trust-banner>div{flex:1}.trust-banner h2{font-size:15px}.trust-banner p{font-size:10px}.trust-banner p br{display:none}.trust-banner>a{margin-left:42px;font-size:11px}.footer-top{align-items:flex-start}.footer-top p{font-size:9px;max-width:130px;text-align:right}.footer-links{font-size:10px;gap:8px 17px;margin:20px 0}.footer-bottom{font-size:9px;gap:6px}.footer-bottom span:last-child{font-size:8px;letter-spacing:-.05em;white-space:nowrap}.fineprint{font-size:10px}.breadcrumbs{margin:22px 0;gap:6px;font-size:10px}.breadcrumbs a{font-size:10px}.detail-heading{margin:27px 0}.detail-heading h1{font-size:28px}.detail-heading>p{font-size:12px}.calc-layout{grid-template-columns:1fr;gap:17px}.calc-box{padding:22px;border-radius:23px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{font-size:11px}.field input,.field select{font-size:12px;padding:12px 9px}.box-heading h2{font-size:19px}.answer-box{padding:23px;border-radius:21px}.answer-box h2{font-size:18px}.answer-box p{font-size:12px}.formula{padding:15px;margin:17px 0;font-size:11px}.article{padding:25px 22px;margin:28px 0;border-radius:21px}.article h2{font-size:18px}.article p{font-size:12px}.article li{font-size:11px}.article-meta{font-size:9px;gap:8px}.article section{margin-bottom:27px}.example{padding:16px}.qa summary{font-size:12px}.result{padding:19px}.result-value{font-size:25px}.result-row{font-size:11px}.result-row strong{font-size:12px}.privacy-mini{font-size:9px}.reading-heading{padding-top:25px}.reading-heading h1{font-size:27px}.reading-heading>p{font-size:12px}.guide-list>a{padding:24px}.guide-list h2{font-size:19px}.guide-list p{font-size:12px}.detail-main .related-tools h2{font-size:19px}.reading-main .article{padding:25px 22px}.inline-input{gap:6px}.secondary{padding:9px 12px}.primary{font-size:12px}.source-list{padding-left:16px}}
@media(max-width:360px){main{padding:0 16px}.hero h2{font-size:29px}.stage-label{font-size:14px}.stage-sub{font-size:7px}.stage-art{height:99px}.stage-art img{width:99px;height:99px}.hero-note{gap:8px;font-size:8px}.fields{grid-template-columns:1fr}.tabs button{padding:7px 13px}.footer-bottom span:last-child{white-space:normal}.tool-card{padding:15px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white}.header nav,.form-actions,.related-tools,footer,.copy-result,.tabs,.search{display:none}.article,.calc-box,.answer-box{box-shadow:none;border-color:#ccc}.calc-layout{display:block}.answer-box{margin-top:20px}.result{break-inside:avoid}.article{max-width:none}.article section{break-inside:avoid}}

/* Readable muted copy on pastel surfaces. */
.hero p,.hero-note,.overline,.soft-label,.stage-sub,.tool-copy p,.small-label,.guide-card p,.trust-banner p,.trust-banner>a,.footer-top p,.footer-links,.footer-bottom,.fineprint,.breadcrumbs,.detail-heading>p,.field-help,.privacy-mini,.answer-box p,.article p,.article li,.article-meta,.article .fineprint,.article-note,.result-label,.result-description,.result-tile span,.result-row small,.reading-heading>p,.guide-list p{color:#75617f}
.eyebrow,.tabs button,.text-link,.reset,.search svg{color:#775c85}.search input::placeholder{color:#806c8a}.stage-arrow,.card-arrow{color:#80648d}

/* 나도우미 운영 및 콘텐츠 보호 공지 */
.site-notice{margin:48px auto 64px;padding:28px;border:1px solid #e5ddea;border-radius:24px;background:#fffdfd;max-width:1120px}.site-notice h2{font-size:22px;margin:8px 0 20px}.site-notice p{font-size:14px;line-height:1.9;color:#75617f}.notice-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.notice-status>div{padding:14px 16px;background:#f6f1f8;border-radius:14px}.notice-status dt{font-size:12px;color:#75617f}.notice-status dd{margin:6px 0 0;font-size:15px;font-weight:700;color:#574263}.copyright-notice{border-top:1px solid #eee5f1;padding-top:12px}.copyright-notice h3{font-size:16px;margin:8px 0}.copyright-notice .text-link{font-size:14px}#copyright{scroll-margin-top:100px}@media(max-width:600px){.site-notice{padding:22px 18px;margin:28px 0 40px}.notice-status{grid-template-columns:1fr}.site-notice h2{font-size:20px}}

/* Common dates stay visible so visitors can enter dates immediately. */
.shared-dates{max-width:1120px;margin:16px auto 0;padding:18px 22px;border:1px solid #e5ddea;border-radius:18px;background:#faf5ff}.shared-dates h2{text-align:center;margin:0 0 4px;font-size:16px;line-height:1.5;color:#624973}.shared-date-body>p{text-align:center;margin:0 0 12px;font-size:13px;line-height:1.6;color:#75617f}.shared-date-body .fields{max-width:680px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shared-date-body .field{gap:6px;min-width:0}.shared-date-body .field span{font-size:13px}.shared-date-body input{min-width:0;width:100%;min-height:44px;padding:10px 12px;background:white;font-size:16px}.shared-date-body .form-actions{margin-top:12px;gap:4px;flex-direction:column;align-items:center;justify-content:center}.shared-date-body .form-actions .primary{flex:0 1 auto}.shared-date-body .form-actions button{padding:10px 14px;font-size:13px}.shared-date-body #shared-date-status{margin:10px 0 0}.shared-date-body #shared-date-status:empty{display:none}@media(max-width:1180px){.shared-dates{margin-left:20px;margin-right:20px}}@media(max-width:600px){.shared-dates{padding:14px;margin:12px 14px 0}.shared-date-body .fields{gap:8px}.shared-date-body .form-actions{display:flex;flex-wrap:wrap}.shared-date-body .form-actions button{width:auto}}
@media(max-width:360px){.shared-date-body .fields{grid-template-columns:1fr}}

/* Introductory copy and usage steps sit below the calculators. */
.stage-section{padding-top:30px}.usage-guide{margin:0 0 54px;border:1px solid var(--line);border-radius:22px;background:#ffffffb0;overflow:hidden}.usage-guide>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;padding:19px 25px;font-size:17px;font-weight:750;cursor:pointer}.usage-guide>summary::-webkit-details-marker{display:none}.usage-guide>summary::after{content:"+";font-size:23px;font-weight:400;line-height:1;color:#775c85}.usage-guide[open]>summary{border-bottom:1px solid var(--line)}.usage-guide[open]>summary::after{content:"−"}.usage-guide>summary:focus-visible{outline-offset:-5px}.usage-guide-body{padding:0 25px 25px}.usage-guide .hero{padding:29px 10px 25px}.usage-guide .hero:before{display:none}.usage-guide .hero h2{font-size:31px;margin:14px 0 16px}.usage-guide .hero p{font-size:13px}.usage-guide .hero-note{flex-wrap:wrap;gap:8px 20px;margin-top:18px}.usage-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:20px 0 0;margin:0;border-top:1px solid var(--line);list-style:none;counter-reset:usage}.usage-steps li{counter-increment:usage;min-width:0}.usage-steps li::before{content:counter(usage,decimal-leading-zero);display:block;font-size:11px;font-weight:700;color:#9275a1;margin-bottom:7px}.usage-steps strong{font-size:14px;font-weight:750}.usage-steps p{font-size:12px;line-height:1.85;color:#75617f;margin:6px 0 0}@media(max-width:600px){.stage-section{padding-top:24px}.usage-guide{margin-bottom:37px;border-radius:18px}.usage-guide>summary{font-size:15px;padding:16px 18px}.usage-guide-body{padding:0 18px 21px}.usage-guide .hero{padding:25px 0 21px}.usage-guide .hero h2{font-size:25px;line-height:1.35}.usage-guide .hero p{font-size:12px}.usage-guide .hero-note{gap:8px 12px;font-size:10px}.usage-steps{grid-template-columns:1fr;gap:16px;padding-top:17px}.usage-steps li::before{margin-bottom:4px}.usage-steps strong{font-size:13px}.usage-steps p{font-size:12px}}@media(max-width:360px){.usage-guide .hero h2{font-size:23px}}
