:root{
  font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility
}
*{box-sizing:border-box}html{min-width:320px;background:#f5f7fb;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;line-height:1.65;color:#172033;background:#f5f7fb}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(50,96,255,.25);outline-offset:3px}

.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);border-bottom:1px solid #e6eaf2;backdrop-filter:blur(14px)}
.header-primary-inner{width:min(1180px,calc(100% - 48px));min-height:64px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:9px;color:#16213a;font-size:20px;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 4px 14px rgba(82,99,255,.18)}
.header-product-nav,.header-utility-nav{display:flex;align-items:center;gap:5px}.header-product-nav{justify-content:center}.header-product-nav a,.header-utility-nav a{padding:9px 11px;border-radius:10px;color:#68758c;font-size:14px;font-weight:750;transition:background 140ms ease,color 140ms ease}.header-product-nav a:hover,.header-utility-nav a:hover{background:#f2f5fa;color:#243044}

.page-main{width:min(920px,calc(100% - 40px));margin:0 auto;padding:64px 0 72px;min-height:calc(100vh - 64px)}
.home-main{width:min(1120px,calc(100% - 40px));padding-top:0}

.home-hero{max-width:760px;margin:0;padding:88px 0 56px;text-align:left}.home-kicker{margin:0 0 16px;color:#3158e4;font-size:14px;font-weight:850;letter-spacing:-.02em}.home-hero h1{margin:0;color:#111827;font-size:clamp(42px,6.2vw,66px);line-height:1.04;letter-spacing:-.06em}.home-hero>p:not(.home-kicker){max-width:610px;margin:22px 0 0;color:#68758a;font-size:18px;line-height:1.7}.home-service-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}.home-about-link{display:inline-flex;align-items:center;gap:7px;color:#344156;font-size:13px;font-weight:800}.home-about-link span{color:#3158e4}.home-about-link:hover{text-decoration:underline;text-underline-offset:3px}

.tool-category{margin:0 0 10px;color:#60708a;font-size:14px;font-weight:800}.home-brand-story,.home-overview{margin:0 0 68px;padding:34px 0 0;border-top:1px solid #e7ebf2}.home-brand-story-intro{max-width:760px}.home-brand-story-intro .tool-category,.home-section-heading .tool-category,.home-popular-suite-copy .tool-category,.tool-directory-heading .tool-category{color:#3158e4}.home-brand-story-intro h2{margin:0;color:#111827;font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.05em}.home-brand-story-intro>p:last-child{margin:18px 0 0;color:#667388;font-size:15px;line-height:1.85}.home-brand-faq{margin-top:36px}.home-brand-faq>h3{margin:0 0 16px;color:#273247;font-size:17px;letter-spacing:-.025em}.home-brand-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-brand-faq-item{padding:22px 24px;border:1px solid #e1e6f0;border-radius:16px;background:#fff}.home-brand-faq-item h4{margin:0;color:#172033;font-size:15px;line-height:1.45;letter-spacing:-.025em}.home-brand-faq-item p{margin:10px 0 0;color:#68758a;font-size:13px;line-height:1.75}

.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.home-section-heading .tool-category{margin:0 0 7px}.home-section-heading h2,.home-popular-suite h2{margin:0;color:#111827;font-size:clamp(26px,3vw,34px);line-height:1.18;letter-spacing:-.045em}.home-section-heading>span{padding-bottom:4px;color:#8a94a6;font-size:13px;font-weight:720}.home-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-overview-card{min-width:0;padding:26px;border:1px solid #e0e6f0;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(23,32,51,.04)}.home-overview-category{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#f1f4ff;color:#3158e4;font-size:12px;font-weight:850}.home-overview-card h3{margin:18px 0 0;color:#172033;font-size:21px;line-height:1.35;letter-spacing:-.035em}.home-overview-card>p{margin:12px 0 0;color:#68758a;font-size:14px;line-height:1.75}.home-overview-card ul{display:grid;gap:8px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #edf0f5;list-style:none}.home-overview-card li{position:relative;padding-left:17px;color:#46546a;font-size:13px;line-height:1.55}.home-overview-card li::before{content:"";position:absolute;top:.7em;left:1px;width:5px;height:5px;border-radius:50%;background:#7890e8}.home-overview-card>a{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#274bc6;font-size:13px;font-weight:780}.home-overview-card>a:hover{text-decoration:underline;text-underline-offset:3px}

.tool-categories-stack{display:grid;gap:52px}.tool-directory{padding:0 0 36px}.tool-directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.tool-directory-heading .tool-category{margin-bottom:6px}.tool-directory-heading h2{margin:0;color:#172033;font-size:26px;letter-spacing:-.035em}.tool-count{padding-bottom:3px;color:#8a94a6;font-size:13px;font-weight:720}.tool-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-directory-card{min-width:0;min-height:245px;padding:22px;display:flex;flex-direction:column;border:1px solid #e2e7f0;border-radius:18px;background:#fff;color:inherit;transition:border-color 150ms ease,transform 150ms ease,box-shadow 150ms ease}.tool-directory-card:hover{border-color:#c7d1e8;transform:translateY(-3px);box-shadow:0 14px 36px rgba(23,32,51,.075)}.tool-card-accent{width:fit-content;min-height:29px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid #dce3f7;border-radius:8px;background:#f5f7ff;color:#3657c9;font-size:10px;font-weight:900;letter-spacing:.08em}.tool-card-copy{margin-top:28px}.tool-directory-card strong{display:block;color:#172033;font-size:21px;letter-spacing:-.035em}.tool-directory-card p{min-height:70px;margin:12px 0 0;color:#707b8f;font-size:14px;line-height:1.7}.tool-directory-open{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #eef1f5;color:#344156;font-size:13px}.tool-directory-open span{color:#3158e4;font-size:17px}

.home-popular-suite{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:48px;margin:42px 0 24px;padding:42px;border:1px solid #dfe5f1;border-radius:24px;background:linear-gradient(135deg,#f8faff 0%,#fff 68%)}.home-popular-suite-copy .tool-category{margin:0 0 8px}.home-popular-suite-copy>p:last-child{margin:17px 0 0;color:#667388;font-size:14px;line-height:1.8}.home-popular-suite-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.home-popular-suite-links a{min-width:0;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border:1px solid #e1e6f0;border-radius:12px;background:#fff;color:#2b374b;font-size:13px;font-weight:740;transition:transform 150ms ease,border-color 150ms ease,box-shadow 150ms ease}.home-popular-suite-links a:hover{border-color:#c8d3ee;transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,55,115,.06)}.home-popular-suite-links a>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-popular-suite-links a>span:last-child{flex:0 0 auto;color:#3158e4;font-size:16px}

.hero{text-align:center;margin-bottom:32px}.hero .tool-category{margin-bottom:10px}.hero h1{margin:0;color:#101827;font-size:clamp(34px,6vw,52px);line-height:1.08;letter-spacing:-.045em}.hero-description{max-width:620px;margin:18px auto 0;color:#657086;font-size:17px;line-height:1.7}
.tool-brand-promise{margin:-4px 0 28px;padding:18px 20px 19px;border:1px solid #dfe5f1;border-radius:16px;background:#f9faff}.tool-brand-promise-kicker{margin:0 0 7px;color:#3260ff;font-size:12px;font-weight:850}.tool-brand-promise h2{margin:0;color:#172033;font-size:clamp(18px,2.5vw,22px);line-height:1.4;letter-spacing:-.025em}
.tool-shell{width:100%}.calculator-box{padding:24px;margin-bottom:20px;border:1px solid #e2e7f0;border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(23,32,51,.055)}.calc-section+.calc-section{margin-top:24px;padding-top:24px;border-top:1px solid #edf0f5}.calculator-box h2{margin:0 0 16px;color:#172033;font-size:18px;letter-spacing:-.02em}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px;color:#475467;font-size:13px;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid #d7dde6;border-radius:12px;padding:12px 13px;background:#fff;color:#111827;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7c88ff;box-shadow:0 0 0 3px #eef0ff}.field textarea{min-height:110px;resize:vertical}.input-wrap{position:relative}.input-wrap input{padding-right:50px}.input-wrap em{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;color:#98a2b3}.result{margin-top:16px;padding:20px;border-radius:16px;background:#111827;color:#fff;display:grid;gap:5px}.result strong{font-size:26px;letter-spacing:-.03em}.result span{color:#c8d0dd;font-size:13px}

.tool-guide{margin-top:48px;padding-top:38px;border-top:1px solid #e4e9f1}.tool-guide-intro{max-width:760px}.tool-guide-kicker{margin:0 0 8px;color:#60708a;font-size:13px;font-weight:800}.tool-guide-intro h2{margin:0;color:#172033;font-size:clamp(24px,4vw,30px);line-height:1.35;letter-spacing:-.035em}.tool-guide-intro>p:last-child{margin:14px 0 0;color:#68758a;font-size:15px;line-height:1.85}.tool-guide-card{margin-top:24px;padding:24px 26px;border:1px solid #e2e7ef;border-radius:18px;background:#fff}.tool-guide-card h3{margin:0 0 16px;color:#172033;font-size:18px;letter-spacing:-.025em}.tool-guide-card ol{display:grid;gap:12px;margin:0;padding-left:22px;color:#5f6c81;font-size:14px;line-height:1.75}.tool-guide-note{margin:16px 0 0;padding:14px 16px;border-radius:12px;background:#eef2f8;color:#68758a;font-size:13px;line-height:1.7}.tool-guide-note strong{color:#344156;margin-right:5px}.tool-guide-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.tool-guide-section{min-width:0;padding:24px 26px;border:1px solid #e2e7ef;border-radius:18px;background:#fff}.tool-guide-section h3{margin:0 0 12px;color:#172033;font-size:18px;line-height:1.45;letter-spacing:-.025em}.tool-guide-section p{margin:0;color:#637087;font-size:14px;line-height:1.82}.tool-guide-section ul{display:grid;gap:9px;margin:12px 0 0;padding-left:20px;color:#637087;font-size:14px;line-height:1.75}.tool-guide-subheading{margin-bottom:16px}.tool-guide-subheading h3{margin:0;color:#172033;font-size:clamp(22px,3vw,27px);line-height:1.35;letter-spacing:-.03em}.tool-guide-faq,.tool-guide-related{margin-top:42px;padding-top:34px;border-top:1px solid #e4e9f1}.tool-guide-faq-list{display:grid;gap:10px}.tool-guide-faq-list details{overflow:hidden;border:1px solid #e2e7ef;border-radius:15px;background:#fff}.tool-guide-faq-list summary{position:relative;padding:18px 50px 18px 20px;color:#253047;font-size:15px;font-weight:800;line-height:1.55;cursor:pointer;list-style:none}.tool-guide-faq-list summary::-webkit-details-marker{display:none}.tool-guide-faq-list summary::after{content:"+";position:absolute;top:50%;right:20px;transform:translateY(-50%);color:#71809a;font-size:20px;font-weight:500}.tool-guide-faq-list details[open] summary::after{content:"−"}.tool-guide-faq-list details[open] summary{border-bottom:1px solid #edf0f5}.tool-guide-faq-list details p{margin:0;padding:16px 20px 19px;color:#637087;font-size:14px;line-height:1.8}.tool-guide-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-guide-related-card{display:flex;min-width:0;flex-direction:column;min-height:168px;padding:20px;border:1px solid #e2e7ef;border-radius:16px;background:#fff;color:inherit;transition:transform 150ms ease,border-color 150ms ease,box-shadow 150ms ease}.tool-guide-related-card:hover{transform:translateY(-2px);border-color:#cbd6ef;box-shadow:0 14px 34px rgba(23,32,51,.07)}.tool-guide-related-card>span{color:#71809a;font-size:12px;font-weight:800}.tool-guide-related-card strong{margin-top:6px;color:#172033;font-size:17px;letter-spacing:-.025em}.tool-guide-related-card p{margin:8px 0 18px;color:#68758a;font-size:13px;line-height:1.65}.tool-guide-related-card b{margin-top:auto;color:#315bd8;font-size:13px}

.info{max-width:820px;padding:16px 0 40px}.info .eyebrow{margin:0 0 12px;color:#3158e4;font-size:13px;font-weight:850}.info h1{margin:0 0 28px;color:#111827;font-size:clamp(36px,5vw,48px);line-height:1.1;letter-spacing:-.05em}.info h2{margin:42px 0 12px;color:#172033;font-size:24px;letter-spacing:-.035em}.info p{margin:0;color:#5f6c81;font-size:15px;line-height:1.85}.info p+p{margin-top:16px}.info .updated{margin-top:40px;color:#8a94a6;font-size:12px}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:11px;background:#172033;color:#fff;font-size:14px;font-weight:800}.not-found{text-align:center;padding-top:70px}

.site-footer{margin-top:28px;background:#272831;color:#fff}.footer-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(150px,1fr));gap:54px;align-items:start}.footer-main{padding-right:10px}.footer-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:20px;font-weight:900;letter-spacing:-.04em}.footer-brand img{border-radius:8px}.footer-description{max-width:260px;margin:12px 0 0;color:#aeb3bf;font-size:13px;line-height:1.75;word-break:keep-all}.footer-column{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:11px}.footer-column h2{margin:0 0 5px;color:#fff;font-size:14px;font-weight:850;letter-spacing:-.025em}.footer-column a{color:#d0d3db;font-size:13px;font-weight:650;line-height:1.45;white-space:nowrap}.footer-column a:hover{color:#fff}.footer-column .footer-more-link{margin-top:2px;color:#fff;font-weight:800}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}.footer-copy{margin:0;color:#aeb3bf;font-size:12px;line-height:1.5}

#ratio-tools-title,#date-tools-title,#life-tools-title,#health-tools-title,#finance-tools-title,#math-tools-title,#unit-tools-title,#all-calculators,#home-overview-title,#guide{scroll-margin-top:92px}

@media(max-width:960px){.header-primary-inner{grid-template-columns:auto 1fr;gap:18px}.header-product-nav{justify-content:flex-end}.header-utility-nav{display:none}.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}.footer-main{padding-right:0}.footer-description{max-width:320px}}
@media(max-width:820px){.home-overview-grid{grid-template-columns:1fr}.home-popular-suite{grid-template-columns:1fr;gap:26px;padding:30px}.home-brand-faq-list{grid-template-columns:1fr}}
@media(max-width:760px){.header-primary-inner,.home-main,.footer-inner{width:min(100% - 28px,1120px)}.header-primary-inner{min-height:60px}.header-product-nav a:nth-child(1),.header-product-nav a:nth-child(2),.header-product-nav a:nth-child(3),.header-product-nav a:nth-child(4){display:none}.page-main{padding-top:44px}.home-main{padding-top:0}.home-hero{padding:58px 0 42px}.home-hero h1{font-size:clamp(38px,11vw,52px)}.home-hero>p:not(.home-kicker){margin-top:17px;font-size:16px}.tool-directory-heading h2{font-size:23px}.fields.three{grid-template-columns:1fr}.tool-guide{margin-top:36px;padding-top:30px}.tool-guide-card,.tool-guide-section{padding:20px}.tool-guide-sections,.tool-guide-related-grid{grid-template-columns:1fr}.tool-guide-faq,.tool-guide-related{margin-top:34px;padding-top:28px}.tool-guide-faq-list summary{padding:16px 46px 16px 17px}.tool-guide-faq-list details p{padding:15px 17px 17px}}
@media(max-width:620px){.home-brand-story,.home-overview{margin-bottom:52px;padding-top:28px}.home-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.home-section-heading>span{padding-bottom:0}.home-overview-card{padding:22px}.home-popular-suite{margin:30px 0 12px;padding:24px;border-radius:20px}.home-popular-suite-links{grid-template-columns:1fr}.tool-directory-grid{grid-template-columns:1fr}.tool-directory-card{min-height:210px}.fields{grid-template-columns:1fr}.calculator-box{padding:20px}.footer-inner{padding-top:34px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.footer-main{grid-column:1/-1}.footer-description{max-width:290px}.footer-column:last-child{grid-column:1/-1}.footer-bottom{margin-top:28px}}
@media(max-width:380px){.footer-grid{grid-template-columns:1fr}.footer-main,.footer-column:last-child{grid-column:auto}}

/* STEP: Tooldam-style calculator mega navigation */
.header-primary{position:relative}.header-primary-inner{position:relative}.header-product-nav{align-self:stretch;gap:2px}.header-mega-item{position:static;display:flex;align-items:stretch}.header-product-button{position:relative;min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;border:0;background:transparent;color:#344156;cursor:pointer;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;transition:color 150ms ease,background 150ms ease}.header-product-button::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:#3158e4;opacity:0;transform:scaleX(.55);transition:opacity 150ms ease,transform 150ms ease}.header-product-button:hover,.header-product-button.is-open,.header-product-button.is-active{color:#244dcc;background:#f8faff}.header-product-button.is-open::after,.header-product-button.is-active::after{opacity:1;transform:scaleX(1)}.header-product-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform 150ms ease}.header-product-button.is-open .header-product-chevron{transform:rotate(180deg)}.header-mega-panel-shell[hidden]{display:none!important}.header-mega-panel-shell{position:absolute;top:100%;left:50%;z-index:85;width:min(1040px,calc(100vw - 48px));padding-top:9px;transform:translateX(-50%)}.header-mega-panel{overflow:hidden;border:1px solid #e3e8f1;border-radius:18px;background:#fff;box-shadow:0 24px 54px rgba(27,39,65,.17),0 4px 14px rgba(27,39,65,.06)}.header-mega-heading{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;border-bottom:1px solid #edf0f5;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}.header-mega-heading>div{min-width:0;display:grid;gap:3px}.header-mega-heading strong{color:#172033;font-size:15px;font-weight:860}.header-mega-heading span{color:#7a879b;font-size:12px;line-height:1.45}.header-mega-all-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;color:#3158e4;font-size:12px;font-weight:820}.header-mega-all-link:hover{text-decoration:underline;text-underline-offset:3px}.header-mega-grid{display:grid;gap:0;padding:14px}.header-mega-grid.groups-1{grid-template-columns:minmax(0,1fr)}.header-mega-grid.groups-2{grid-template-columns:repeat(2,minmax(0,1fr))}.header-mega-grid.groups-3{grid-template-columns:repeat(3,minmax(0,1fr))}.header-mega-grid.groups-4{grid-template-columns:repeat(4,minmax(0,1fr))}.header-mega-grid.groups-5{grid-template-columns:repeat(5,minmax(0,1fr))}.header-mega-group{min-width:0;padding:6px 8px 10px}.header-mega-group+.header-mega-group{border-left:1px solid #eef1f6}.header-mega-group h2{margin:0 8px 8px;color:#8792a4;font-size:11px;font-weight:860;letter-spacing:.02em}.header-mega-links{display:grid;gap:2px}.mega-calc-link{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:11px;color:#26344b;transition:background 140ms ease,color 140ms ease}.mega-calc-link:hover{background:#f5f7ff;color:#244dcc}.mega-calc-link>span{min-width:0;display:grid;gap:2px}.mega-calc-link strong{overflow:hidden;color:inherit;font-size:12.5px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.mega-calc-link small{display:-webkit-box;overflow:hidden;color:#8a94a5;font-size:10.5px;font-weight:560;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mega-calc-link>b{flex:0 0 auto;color:#6d7fbe;font-size:13px}.header-utility-link.is-active{background:#f2f5fa;color:#244dcc}.footer-contact-email{display:inline-flex;margin-top:15px;color:#fff;font-size:12px;font-weight:760}.footer-contact-email:hover{text-decoration:underline;text-underline-offset:3px}

/* STEP: expanded trust and policy pages */
.info-page{max-width:920px;margin:0 auto;padding:4px 0 26px}.info-hero{max-width:800px;padding:6px 0 22px}.info-hero .eyebrow,.info-section .eyebrow{margin:0 0 10px;color:#3158e4;font-size:13px;font-weight:850}.info-hero h1{margin:0;color:#111827;font-size:clamp(36px,5vw,50px);line-height:1.1;letter-spacing:-.05em}.info-hero>p:not(.eyebrow):not(.policy-effective-date){margin:20px 0 0;color:#5f6c81;font-size:16px;line-height:1.85}.policy-effective-date{margin:18px 0 0!important;color:#8a94a6!important;font-size:12px!important}.info-section{margin-top:46px;padding-top:34px;border-top:1px solid #e5e9f1}.info-section-heading{max-width:760px;margin-bottom:22px}.info-section-heading h2{margin:0;color:#172033;font-size:clamp(24px,3.4vw,30px);line-height:1.3;letter-spacing:-.035em}.info-section-heading>p:last-child{margin:10px 0 0;color:#71809a;font-size:14px;line-height:1.75}.about-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-category-card{padding:20px;border:1px solid #e1e6ef;border-radius:16px;background:#fff}.about-category-card>strong{color:#172033;font-size:15px}.about-category-card ul{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.about-category-card a{color:#5f6c81;font-size:13px;line-height:1.5}.about-category-card a:hover{color:#3158e4;text-decoration:underline;text-underline-offset:3px}.about-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-value-card{padding:22px;border:1px solid #e1e6ef;border-radius:16px;background:#fff}.about-value-card h3{margin:0;color:#172033;font-size:17px;letter-spacing:-.025em}.about-value-card p{margin:10px 0 0;color:#68758a;font-size:13px;line-height:1.75}.info-note{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:42px;padding:30px;border:1px solid #e0e6f0;border-radius:18px;background:#f8faff}.info-note h2{margin:0;color:#172033;font-size:24px;letter-spacing:-.035em}.info-note>div:last-child p{margin:0;color:#667388;font-size:14px;line-height:1.82}.info-note>div:last-child p+p{margin-top:13px}.updated{margin:36px 0 0;color:#8a94a6;font-size:12px}.updated a{color:#3158e4}.contact-email-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #dde4ef;border-radius:18px;background:#fff}.contact-email-copy strong{color:#172033;font-size:20px;letter-spacing:-.02em}.contact-email-copy p{margin:7px 0 0;color:#71809a;font-size:13px}.contact-email-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.secondary-button{min-height:44px;padding:0 15px;border:1px solid #d7deea;border-radius:11px;background:#fff;color:#344156;cursor:pointer;font-size:13px;font-weight:800}.secondary-button:hover{background:#f7f9fc}.contact-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contact-type-card{min-height:180px;display:flex;flex-direction:column;padding:22px;border:1px solid #e1e6ef;border-radius:17px;background:#fff;transition:transform 150ms ease,border-color 150ms ease,box-shadow 150ms ease}.contact-type-card:hover{transform:translateY(-2px);border-color:#c9d4eb;box-shadow:0 12px 28px rgba(23,32,51,.06)}.contact-type-card strong{color:#172033;font-size:16px}.contact-type-card p{margin:9px 0 18px;color:#68758a;font-size:13px;line-height:1.7}.contact-type-card span{margin-top:auto;color:#3158e4;font-size:13px;font-weight:800}.contact-help-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.contact-help-list li{position:relative;padding:13px 16px 13px 36px;border:1px solid #e5e9f1;border-radius:12px;background:#fff;color:#56647a;font-size:13px;line-height:1.6}.contact-help-list li::before{content:"✓";position:absolute;left:14px;top:13px;color:#3158e4;font-weight:900}.contact-help-note{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:#f1f4f9;color:#68758a;font-size:12px;line-height:1.7}.policy-content{display:grid;gap:0;margin-top:28px}.policy-section{padding:30px 0;border-top:1px solid #e5e9f1}.policy-section h2{margin:0;color:#172033;font-size:21px;letter-spacing:-.03em}.policy-section p{margin:12px 0 0;color:#5f6c81;font-size:14px;line-height:1.9}.policy-contact{display:inline-flex;margin-top:14px;color:#3158e4;font-size:13px;font-weight:800}.policy-contact:hover{text-decoration:underline;text-underline-offset:3px}

@media(max-width:1080px){.header-primary-inner{gap:18px}.header-product-button{padding-inline:10px;font-size:12.5px}.header-utility-nav{display:none}.header-mega-grid.groups-5{grid-template-columns:repeat(3,minmax(0,1fr))}.header-mega-grid.groups-5 .header-mega-group:nth-child(4){border-left:0;border-top:1px solid #eef1f6}.header-mega-grid.groups-5 .header-mega-group:nth-child(n+4){border-top:1px solid #eef1f6}}
@media(max-width:820px){.header-primary-inner{width:min(100% - 28px,1180px);min-height:108px;grid-template-columns:auto 1fr;grid-template-rows:56px 52px;gap:0 12px}.brand{grid-column:1;grid-row:1}.header-product-nav{grid-column:1/-1;grid-row:2;width:calc(100vw - 28px);height:52px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.header-product-nav::-webkit-scrollbar{display:none}.header-product-button{min-height:52px;padding-inline:12px}.header-mega-panel-shell{width:calc(100vw - 24px);padding-top:6px}.header-mega-panel{max-height:min(68vh,620px);overflow-y:auto}.header-mega-grid.groups-3,.header-mega-grid.groups-4,.header-mega-grid.groups-5{grid-template-columns:repeat(2,minmax(0,1fr))}.header-mega-group+.header-mega-group{border-left:1px solid #eef1f6}.header-mega-grid.groups-5 .header-mega-group:nth-child(3),.header-mega-grid.groups-5 .header-mega-group:nth-child(5){border-left:0}.header-mega-grid.groups-3 .header-mega-group:nth-child(n+3),.header-mega-grid.groups-4 .header-mega-group:nth-child(n+3),.header-mega-grid.groups-5 .header-mega-group:nth-child(n+3){border-top:1px solid #eef1f6}.about-category-grid,.about-value-grid,.contact-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-note{grid-template-columns:1fr;gap:18px}.contact-email-card{align-items:flex-start;flex-direction:column}.contact-email-actions{justify-content:flex-start}}
@media(max-width:560px){.header-primary-inner{width:min(100% - 20px,1180px)}.header-product-nav{width:calc(100vw - 20px)}.header-mega-panel-shell{width:calc(100vw - 16px)}.header-mega-heading{min-height:58px;padding:12px 14px}.header-mega-heading span,.header-mega-all-link{display:none}.header-mega-grid,.header-mega-grid.groups-1,.header-mega-grid.groups-2,.header-mega-grid.groups-3,.header-mega-grid.groups-4,.header-mega-grid.groups-5{grid-template-columns:1fr;padding:8px}.header-mega-group,.header-mega-group+.header-mega-group,.header-mega-grid.groups-3 .header-mega-group:nth-child(n+3),.header-mega-grid.groups-4 .header-mega-group:nth-child(n+3),.header-mega-grid.groups-5 .header-mega-group:nth-child(n+3){border-left:0;border-top:0}.header-mega-group+.header-mega-group{margin-top:5px;padding-top:11px;border-top:1px solid #eef1f6}.mega-calc-link small{display:none}.about-category-grid,.about-value-grid,.contact-type-grid{grid-template-columns:1fr}.info-page{padding-top:0}.info-section{margin-top:38px;padding-top:28px}.contact-email-copy strong{font-size:17px}.contact-email-actions{width:100%}.contact-email-actions .primary,.contact-email-actions .secondary-button{flex:1}.info-note{padding:22px}.policy-section{padding:25px 0}}

/* STEP: Tooldam parity pass — header, mega menu icons, policy links */
.site-header{position:sticky;top:0;z-index:70;border-bottom:1px solid #e8edf5;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(220,226,237,.55)}
.header-primary{position:relative;border-bottom:0}
.header-primary-inner{width:min(1240px,calc(100% - 40px));min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin:0 auto}
.brand{font-size:21px;letter-spacing:-.055em}.brand img{width:30px;height:30px}
.header-product-nav{min-width:0;height:62px;display:flex;align-items:stretch;justify-content:flex-start;gap:2px}
.header-mega-item{position:relative;display:flex;align-items:stretch}
.header-product-button{position:relative;min-height:62px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;border:0;background:transparent;color:#29364b;cursor:pointer;font:inherit;font-size:14px;font-weight:800;white-space:nowrap;transition:color 150ms ease,background 150ms ease}
.header-product-button::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:#3158e4;opacity:0;transform:scaleX(.55);transition:opacity 150ms ease,transform 150ms ease}
.header-product-button:hover,.header-product-button.is-open,.header-product-button.is-active{color:#244dcc;background:#f8faff}.header-product-button.is-open::after,.header-product-button.is-active::after{opacity:1;transform:scaleX(1)}
.header-product-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform 150ms ease}.header-product-button.is-open .header-product-chevron{transform:rotate(180deg)}
.header-mega-panel-shell[hidden]{display:none!important}.header-mega-panel-shell{position:absolute;top:100%;left:0;z-index:85;width:min(820px,calc(100vw - 32px));padding-top:10px;transform:none}.header-mega-panel-shell.menu-ratio{width:min(650px,calc(100vw - 32px))}.header-mega-panel-shell.menu-date-time{width:min(760px,calc(100vw - 32px))}.header-mega-panel-shell.menu-life-health{width:min(820px,calc(100vw - 32px))}.header-mega-panel-shell.menu-finance{width:min(680px,calc(100vw - 32px))}.header-mega-panel-shell.menu-math-unit{width:min(720px,calc(100vw - 32px))}.header-mega-panel-shell.menu-all{right:auto;left:50%;width:min(1120px,calc(100vw - 48px));transform:translateX(-50%)}
.header-mega-panel{overflow:hidden;border:1px solid #e3e8f1;border-radius:18px;background:#fff;box-shadow:0 24px 54px rgba(27,39,65,.17),0 4px 14px rgba(27,39,65,.06)}
.header-mega-heading{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;border-bottom:1px solid #edf0f5;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}.header-mega-heading>div{min-width:0;display:grid;gap:3px}.header-mega-heading strong{color:#172033;font-size:15px;font-weight:860}.header-mega-heading span{color:#7a879b;font-size:12px;line-height:1.45}.header-mega-all-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;color:#3158e4;text-decoration:none;font-size:12px;font-weight:820}.header-mega-all-link:hover{text-decoration:underline;text-underline-offset:3px}
.header-mega-grid{display:grid;gap:0;padding:14px}.header-mega-grid.groups-1{grid-template-columns:minmax(0,1fr)}.header-mega-grid.groups-2{grid-template-columns:repeat(2,minmax(0,1fr))}.header-mega-grid.groups-3{grid-template-columns:repeat(3,minmax(0,1fr))}.header-mega-grid.groups-4{grid-template-columns:repeat(4,minmax(0,1fr))}.header-mega-grid.groups-5{grid-template-columns:repeat(5,minmax(0,1fr))}.header-mega-group{min-width:0;padding:6px 8px 10px}.header-mega-group+.header-mega-group{border-left:1px solid #eef1f6}.header-mega-group h2{margin:0 8px 8px;color:#8792a4;font-size:11px;font-weight:860;letter-spacing:.02em}.header-mega-links{display:grid;gap:2px}
.mega-tool-link{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border-radius:11px;color:#26344b;text-decoration:none;transition:background 140ms ease,color 140ms ease}.mega-tool-link:hover{background:#f5f7ff;color:#244dcc}.mega-tool-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#eef3ff;color:#3158e4}.mega-tool-icon.category-date{background:#eef8ff;color:#2378b9}.mega-tool-icon.category-life{background:#f3f5f8;color:#53637a}.mega-tool-icon.category-health{background:#fff1f4;color:#d55372}.mega-tool-icon.category-finance{background:#eef8f1;color:#2f8a56}.mega-tool-icon.category-math{background:#f2f2ff;color:#5b5fc7}.mega-tool-icon.category-unit{background:#fff6e9;color:#bb7621}.mega-tool-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.mega-tool-copy{min-width:0;display:grid;gap:2px}.mega-tool-copy strong{overflow:hidden;color:inherit;font-size:12.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mega-tool-copy small{display:-webkit-box;overflow:hidden;color:#8a94a5;font-size:10.5px;font-weight:560;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.header-utility-wrap{flex:0 0 auto}.header-utility-nav{gap:0}.header-utility-link{padding-inline:8px;font-size:12.5px}
.policy-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px}.policy-links a,.policy-contact{color:#3158e4;font-size:14px;font-weight:750;text-decoration:none}.policy-links a:hover,.policy-contact:hover{text-decoration:underline;text-underline-offset:4px}
.tool-guide-sections-deep{margin-top:16px}

@media(max-width:1080px){.header-primary-inner{gap:16px}.header-product-button{padding-inline:11px;font-size:13px}.header-utility-nav{display:none}.header-mega-grid.groups-5{grid-template-columns:repeat(3,minmax(0,1fr))}.header-mega-grid.groups-5 .header-mega-group:nth-child(4){border-left:0}.header-mega-grid.groups-5 .header-mega-group:nth-child(n+4){border-top:1px solid #eef1f6}}
@media(max-width:820px){.header-primary-inner{width:min(100% - 28px,1240px);min-height:104px;grid-template-columns:auto 1fr;grid-template-rows:54px 50px;gap:0 14px}.brand{grid-column:1;grid-row:1}.header-utility-wrap{grid-column:2;grid-row:1;justify-self:end}.header-product-nav{grid-column:1/-1;grid-row:2;width:calc(100vw - 28px);height:50px;overflow-x:auto;scrollbar-width:none}.header-product-nav::-webkit-scrollbar{display:none}.header-product-button{min-height:50px;padding-inline:13px}.header-product-button::after{left:13px;right:13px}.header-mega-item{position:static}.header-mega-panel-shell,.header-mega-panel-shell.menu-ratio,.header-mega-panel-shell.menu-date-time,.header-mega-panel-shell.menu-life-health,.header-mega-panel-shell.menu-finance,.header-mega-panel-shell.menu-math-unit,.header-mega-panel-shell.menu-all{right:auto;left:50%;width:calc(100vw - 24px);transform:translateX(-50%)}.header-mega-panel{max-height:min(68vh,640px);overflow-y:auto}.header-mega-grid.groups-3,.header-mega-grid.groups-4,.header-mega-grid.groups-5{grid-template-columns:repeat(2,minmax(0,1fr))}.header-mega-grid.groups-3 .header-mega-group:nth-child(3),.header-mega-grid.groups-4 .header-mega-group:nth-child(3),.header-mega-grid.groups-5 .header-mega-group:nth-child(3),.header-mega-grid.groups-5 .header-mega-group:nth-child(5){border-left:0}.header-mega-grid.groups-3 .header-mega-group:nth-child(n+3),.header-mega-grid.groups-4 .header-mega-group:nth-child(n+3),.header-mega-grid.groups-5 .header-mega-group:nth-child(n+3){border-top:1px solid #eef1f6}}
@media(max-width:560px){.header-primary-inner{width:min(100% - 20px,1240px);grid-template-columns:auto 1fr}.header-product-nav{width:calc(100vw - 20px)}.header-mega-panel-shell,.header-mega-panel-shell.menu-ratio,.header-mega-panel-shell.menu-date-time,.header-mega-panel-shell.menu-life-health,.header-mega-panel-shell.menu-finance,.header-mega-panel-shell.menu-math-unit,.header-mega-panel-shell.menu-all{width:calc(100vw - 16px);padding-top:6px}.header-mega-panel{border-radius:14px}.header-mega-heading{min-height:58px;padding:12px 14px}.header-mega-heading span,.header-mega-all-link{display:none}.header-mega-grid,.header-mega-grid.groups-1,.header-mega-grid.groups-2,.header-mega-grid.groups-3,.header-mega-grid.groups-4,.header-mega-grid.groups-5{grid-template-columns:1fr;padding:8px}.header-mega-group,.header-mega-group+.header-mega-group,.header-mega-grid.groups-3 .header-mega-group:nth-child(3),.header-mega-grid.groups-4 .header-mega-group:nth-child(3),.header-mega-grid.groups-5 .header-mega-group:nth-child(3),.header-mega-grid.groups-5 .header-mega-group:nth-child(5){border-left:0;border-top:0}.header-mega-group+.header-mega-group{margin-top:5px;padding-top:11px;border-top:1px solid #eef1f6}.mega-tool-copy small{display:none}.mega-tool-link{padding-block:7px}}

/* GAPDAM ORANGE GLASSMORPHISM THEME — 2026-10-01 */
:root{
  --gd-text:#33273a;
  --gd-muted:#6f6573;
  --gd-orange:#ef7447;
  --gd-orange-strong:#de5c31;
  --gd-peach:#ffab78;
  --gd-lavender:#8d74b8;
  --gd-glass:rgba(255,255,255,.38);
  --gd-glass-strong:rgba(255,255,255,.56);
  --gd-glass-soft:rgba(255,248,245,.31);
  --gd-border:rgba(255,255,255,.58);
  --gd-line:rgba(107,78,99,.12);
  --gd-shadow:0 20px 54px rgba(113,72,84,.13);
  --gd-shadow-hover:0 22px 48px rgba(167,87,64,.19);
}
html{background:#f8e9e2}
body{
  color:var(--gd-text);
  background-color:#f8e9e2;
  background-image:linear-gradient(180deg,rgba(255,246,240,.42) 0%,rgba(255,241,234,.50) 52%,rgba(247,231,229,.70) 100%),url('/assets/gapdam-bg-orange.webp');
  background-position:center top,center top;
  background-size:cover,cover;
  background-repeat:no-repeat,no-repeat;
  background-attachment:fixed,fixed;
}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.28),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(244,224,222,.10))}
a{transition:color 150ms ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:rgba(239,116,71,.34)}

/* Floating glass header */
.site-header{top:14px;width:min(1240px,calc(100% - 28px));margin:14px auto 0;border:1px solid var(--gd-border);border-radius:22px;background:rgba(255,255,255,.43);box-shadow:0 12px 38px rgba(93,62,78,.10);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.header-primary{border:0}.header-primary-inner{width:calc(100% - 26px);min-height:62px}.brand{color:#34263b}.brand img{box-shadow:0 5px 16px rgba(222,92,49,.20)}
.header-product-button{color:#55485a}.header-product-button::after{background:linear-gradient(90deg,var(--gd-orange),var(--gd-peach))}.header-product-button:hover,.header-product-button.is-open,.header-product-button.is-active{color:#9f482e;background:rgba(255,242,235,.48)}
.header-utility-link{color:#655869}.header-utility-link:hover{background:rgba(255,255,255,.45);color:#9f482e}
.header-mega-panel{border-color:rgba(255,255,255,.68);background:rgba(255,250,247,.86);box-shadow:0 26px 58px rgba(88,57,75,.18);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.header-mega-heading{border-color:rgba(120,83,99,.10);background:rgba(255,255,255,.34)}.header-mega-heading strong{color:var(--gd-text)}.header-mega-all-link{color:var(--gd-orange-strong)}
.mega-tool-link{color:#55485a}.mega-tool-link:hover{background:rgba(255,236,227,.56);color:#a84c2f}.mega-tool-icon,.mega-tool-icon.category-date,.mega-tool-icon.category-life,.mega-tool-icon.category-health,.mega-tool-icon.category-finance,.mega-tool-icon.category-math,.mega-tool-icon.category-unit{background:linear-gradient(135deg,rgba(255,189,149,.34),rgba(244,142,105,.22));color:var(--gd-orange-strong)}

/* Page canvas */
.page-main{width:min(960px,calc(100% - 40px));padding:72px 0 78px}.home-main{width:min(1180px,calc(100% - 40px));padding-top:20px}

/* Home hero */
.home-hero.home-hero--glass{max-width:none;margin:0;padding:28px 0 34px;text-align:left}.hero-glass-panel{width:min(800px,100%);margin:0 auto;padding:40px 42px 36px;border:1px solid var(--gd-border);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.57),rgba(255,246,241,.31));box-shadow:var(--gd-shadow);backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%)}
.home-kicker{margin:0 0 18px;color:#a55740;font-size:13px;font-weight:850;letter-spacing:.015em;text-align:center}.hero-title-row{display:flex;align-items:center;justify-content:center;gap:20px}.hero-brand-mark{flex:0 0 auto;width:70px;height:70px;border-radius:20px;box-shadow:0 12px 28px rgba(222,92,49,.20)}
.home-hero h1{margin:0;color:#2f2337;font-size:clamp(38px,5.3vw,58px);line-height:1.05;letter-spacing:-.06em}.home-hero h1 span{display:inline-block;margin-left:8px;color:var(--gd-orange-strong);font-size:.76em;font-weight:850;letter-spacing:-.045em}.hero-title-row p{max-width:600px;margin:15px 0 0;color:#6d6070;font-size:16px;line-height:1.7}.hero-chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:26px}.hero-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(255,255,255,.43);box-shadow:0 5px 16px rgba(107,71,82,.06);color:#65515f;font-size:12.5px;font-weight:780;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-chip:hover{transform:translateY(-2px);background:rgba(255,255,255,.68);color:#a94b2e}.home-service-links{justify-content:center;gap:20px;margin-top:19px}.home-about-link{color:#765f6a}.home-about-link span{color:var(--gd-orange-strong)}

/* Home section shells */
.home-popular-glass,.home-glass-section{margin:0 0 28px;padding:28px;border:1px solid var(--gd-border);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,248,244,.25));box-shadow:var(--gd-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.home-section-heading{margin-bottom:19px}.home-section-heading .tool-category,.home-brand-story-intro .tool-category,.home-popular-suite-copy .tool-category,.tool-directory-heading .tool-category{color:var(--gd-orange-strong)}.home-section-heading h2,.home-popular-suite h2,.home-brand-story-intro h2{color:#33273a}.home-section-heading>span,.tool-count{color:#7e6e79}.home-all-tools-link{padding-bottom:4px;color:#8f4d39;font-size:13px;font-weight:790}.home-all-tools-link:hover{color:var(--gd-orange-strong)}
.home-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-popular-card{min-width:0;min-height:108px;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.58);border-radius:18px;background:rgba(255,255,255,.37);box-shadow:0 10px 26px rgba(106,67,80,.06);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform 160ms ease,background 160ms ease,box-shadow 160ms ease}.home-popular-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.58);box-shadow:var(--gd-shadow-hover)}.home-popular-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ffb184,#ef7447);color:#fff;box-shadow:0 8px 18px rgba(223,93,49,.18)}.home-popular-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.home-popular-copy{min-width:0}.home-popular-copy strong{display:block;overflow:hidden;color:#3a2d3d;font-size:15px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.home-popular-copy small{display:-webkit-box;overflow:hidden;margin-top:5px;color:#746874;font-size:11.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-popular-arrow{color:var(--gd-orange-strong);font-size:17px;text-align:right}

/* Overview + FAQ glass cards */
.home-overview{padding-top:28px;border-top:1px solid var(--gd-border)}.home-overview-grid{gap:14px}.home-overview-card,.home-brand-faq-item{border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.36);box-shadow:0 10px 30px rgba(98,63,78,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.home-overview-card{border-radius:20px}.home-overview-category{background:rgba(255,233,220,.65);color:#a74e31}.home-overview-card h3,.home-brand-faq-item h4{color:#392d3c}.home-overview-card>p,.home-overview-card li,.home-brand-faq-item p,.home-brand-story-intro>p:last-child{color:#716572}.home-overview-card li::before{background:var(--gd-orange)}.home-overview-card>a{color:#a84b2f}.home-brand-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:start;margin-bottom:0;padding-top:28px;border-top:1px solid var(--gd-border)}.home-brand-faq{margin-top:0}.home-brand-faq-item{padding:20px 21px;border-radius:16px}

/* Directory */
.tool-categories-stack{gap:30px}.tool-directory{margin:0 0 28px;padding:28px;border:1px solid var(--gd-border);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,248,244,.23));box-shadow:var(--gd-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.tool-directory-heading{margin-bottom:18px}.tool-directory-heading h2{color:#382b3b}.tool-directory-grid{gap:14px}.tool-directory-card{min-height:220px;border:1px solid rgba(255,255,255,.58);border-radius:20px;background:rgba(255,255,255,.36);box-shadow:0 10px 28px rgba(98,63,78,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.tool-directory-card:hover{border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.56);box-shadow:var(--gd-shadow-hover)}.tool-card-accent{border-color:rgba(255,255,255,.64);background:rgba(255,232,218,.66);color:#a84b2f}.tool-directory-card strong{color:#382c3b}.tool-directory-card p{color:#756a76}.tool-directory-open{border-color:rgba(104,75,91,.10);color:#655866}.tool-directory-open span{color:var(--gd-orange-strong)}

/* Calculator detail pages */
.hero .tool-category,.tool-brand-promise-kicker,.tool-guide-kicker,.info-hero .eyebrow,.info-section .eyebrow{color:var(--gd-orange-strong)}.hero h1,.tool-brand-promise h2,.tool-guide-intro h2,.tool-guide-card h3,.tool-guide-section h3,.tool-guide-subheading h3,.info-hero h1,.info-section-heading h2,.about-value-card h3,.policy-section h2{color:#382b3b}.hero-description,.tool-guide-intro>p:last-child,.tool-guide-section p,.tool-guide-section ul,.info-hero>p:not(.eyebrow):not(.policy-effective-date),.info-section-heading>p:last-child,.about-value-card p,.policy-section p{color:#716572}
.tool-brand-promise,.calculator-box,.tool-guide-card,.tool-guide-section,.tool-guide-faq-list details,.tool-guide-related-card,.about-category-card,.about-value-card,.contact-email-card,.contact-type-card,.contact-help-list li,.info-note{border:1px solid var(--gd-border);background:rgba(255,255,255,.42);box-shadow:0 12px 34px rgba(94,60,76,.07);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.tool-brand-promise{background:rgba(255,247,242,.40)}.calculator-box{border-radius:24px;box-shadow:var(--gd-shadow)}
.field>span{color:#635568}.field input,.field select,.field textarea,input,select,textarea{border-color:rgba(105,76,93,.17);background:rgba(255,255,255,.62);color:#3f3242;box-shadow:inset 0 1px 0 rgba(255,255,255,.52)}input:focus,select:focus,textarea:focus{border-color:rgba(239,116,71,.55);box-shadow:0 0 0 4px rgba(239,116,71,.10)}
.result{border-color:rgba(255,255,255,.55);background:linear-gradient(135deg,rgba(239,116,71,.88),rgba(221,95,58,.78));box-shadow:0 14px 30px rgba(191,83,52,.18)}
.tool-guide{border-top-color:rgba(255,255,255,.40)}.tool-guide-card,.tool-guide-section,.tool-guide-related-card{border-radius:18px}.tool-guide-note,.contact-help-note{background:rgba(255,239,230,.50);color:#735f68}.tool-guide-faq,.tool-guide-related,.info-section,.policy-section{border-top-color:rgba(255,255,255,.42)}.tool-guide-faq-list details[open] summary{border-bottom-color:rgba(111,80,96,.10)}.tool-guide-related-card b,.about-category-card a:hover,.contact-type-card span,.updated a,.policy-contact,.policy-links a{color:var(--gd-orange-strong)}
.info-page{padding:10px 24px 30px;border:1px solid var(--gd-border);border-radius:28px;background:rgba(255,255,255,.34);box-shadow:var(--gd-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.contact-email-actions .primary{background:linear-gradient(135deg,var(--gd-orange),var(--gd-orange-strong));border-color:transparent;box-shadow:0 8px 18px rgba(218,88,48,.18)}.secondary-button{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.48);color:#5e505f}.secondary-button:hover{background:rgba(255,255,255,.68)}

/* Footer */
.site-footer{margin-top:28px;padding:0 0 28px;background:transparent;color:#413441}.footer-inner{width:min(1180px,calc(100% - 40px));padding:28px;border:1px solid var(--gd-border);border-radius:26px;background:rgba(255,255,255,.38);box-shadow:var(--gd-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.footer-brand,.footer-column h2{color:#382b3b}.footer-description,.footer-copy{color:#786b76}.footer-column a{color:#665866}.footer-column a:hover,.footer-column .footer-more-link{color:var(--gd-orange-strong)}.footer-bottom{border-top-color:rgba(105,75,92,.12)}.footer-contact-email{color:#a34b31}

@media(max-width:980px){.home-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-brand-story{grid-template-columns:1fr}.home-brand-faq{margin-top:0}}
@media(max-width:820px){body{background-attachment:scroll,scroll;background-size:auto 100vh,auto 100vh}.site-header{top:8px;width:calc(100% - 16px);margin-top:8px;border-radius:18px}.header-primary-inner{width:calc(100% - 20px)}.home-main{width:min(100% - 24px,1180px)}.hero-glass-panel{padding:34px 26px}.hero-title-row{align-items:flex-start}.home-hero h1 span{display:block;margin:8px 0 0}.home-popular-glass,.home-glass-section,.tool-directory{padding:22px;border-radius:24px}.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{width:calc(100% - 24px)}}
@media(max-width:560px){.page-main{width:calc(100% - 22px);padding:52px 0 58px}.home-main{width:calc(100% - 18px);padding-top:14px}.hero-glass-panel{padding:28px 20px 24px;border-radius:23px}.hero-title-row{display:block;text-align:center}.hero-brand-mark{width:58px;height:58px;margin-bottom:14px}.home-hero h1{font-size:clamp(32px,10vw,42px)}.hero-title-row p{font-size:14px}.hero-chip-row{gap:7px}.hero-chip{min-height:36px;padding:0 12px;font-size:11.5px}.home-popular-grid,.tool-directory-grid{grid-template-columns:1fr}.home-popular-glass,.home-glass-section,.tool-directory{padding:18px;border-radius:21px}.home-section-heading{display:block}.home-section-heading>a,.home-section-heading>span{display:inline-flex;margin-top:9px}.home-brand-faq-list,.home-overview-grid{grid-template-columns:1fr}.tool-directory-card{min-height:190px}.info-page{padding:8px 18px 24px;border-radius:22px}.footer-inner{padding:22px 20px;border-radius:22px}}


/* 2026-10-01 v2: opaque navigation + remove top gap */
.site-header{
  top:0;
  margin-top:0;
  background:#fffaf7;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.header-mega-panel{
  background:#fffaf7;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.header-mega-heading{
  background:#fffaf7;
}
@media(max-width:820px){
  .site-header{
    top:0;
    margin-top:0;
  }
}

/* GAPDAM HEADER MENU VISIBILITY PATCH — 2026-10-01
   Keep the main header glassy, make dropdown mega menus fully opaque,
   and remove the thin page gap above the header. */
.site-header{
  top:0;
  margin-top:0;
}
.header-mega-panel{
  border-color:#eadfdc;
  background:#fffaf7;
  box-shadow:0 26px 58px rgba(88,57,75,.18),0 4px 14px rgba(88,57,75,.08);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.header-mega-heading{
  border-color:#eee3df;
  background:#fffaf7;
}
.header-mega-grid{
  background:#fffaf7;
}
@media(max-width:820px){
  .site-header{
    top:0;
    margin-top:0;
  }
}

/* 2026-10-07 content value + calculation verification */
.home-hero p,.home-section-heading,.home-overview-card,.home-brand-story,.tool-guide,.info-page,.guide-hub,.guide-article,.lab-page{word-break:keep-all;overflow-wrap:break-word}
.home-guide-preview{margin:0 0 28px}.home-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-guide-card{min-height:210px;display:flex;flex-direction:column;padding:22px;border:1px solid rgba(255,255,255,.58);border-radius:20px;background:rgba(255,255,255,.38);box-shadow:0 10px 28px rgba(98,63,78,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform 160ms ease,background 160ms ease,box-shadow 160ms ease}.home-guide-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.58);box-shadow:var(--gd-shadow-hover)}.home-guide-card>span{color:var(--gd-orange-strong);font-size:12px;font-weight:850}.home-guide-card strong{margin-top:9px;color:#382c3b;font-size:18px;line-height:1.45;letter-spacing:-.025em}.home-guide-card p{margin:10px 0 18px;color:#756a76;font-size:13px;line-height:1.72}.home-guide-card b{margin-top:auto;color:#a84b2f;font-size:13px}.home-method-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.home-method-links a{color:#a84b2f;font-size:13px;font-weight:800}

.calc-test-card{margin-top:28px;padding:24px 26px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,255,255,.44);box-shadow:0 12px 34px rgba(94,60,76,.07);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.calc-test-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.calc-test-heading h3{margin:0;color:#382b3b;font-size:21px;letter-spacing:-.03em}.calc-test-heading>div .tool-guide-kicker{margin-bottom:6px}.calc-test-heading>span{flex:0 0 auto;color:#8a7882;font-size:12px;font-weight:700}.calc-test-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0}.calc-test-card dl>div{padding:15px 16px;border:1px solid rgba(105,76,93,.12);border-radius:14px;background:rgba(255,250,247,.55)}.calc-test-card dt{color:#8b726e;font-size:11px;font-weight:850}.calc-test-card dd{margin:5px 0 0;color:#493a45;font-size:14px;font-weight:780;line-height:1.6}.calc-test-card>p{margin:14px 0 0;color:#756873;font-size:13px;line-height:1.72}.calc-test-card>a{display:inline-flex;margin-top:15px;color:#a84b2f;font-size:13px;font-weight:800}
.tool-independent-guides{margin-top:42px;padding-top:34px;border-top:1px solid rgba(255,255,255,.42)}.tool-independent-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-independent-guide-grid>a{min-height:170px;display:flex;flex-direction:column;padding:20px;border:1px solid var(--gd-border);border-radius:18px;background:rgba(255,255,255,.4);box-shadow:0 10px 28px rgba(98,63,78,.05)}.tool-independent-guide-grid strong{color:#382c3b;font-size:17px;line-height:1.45}.tool-independent-guide-grid p{margin:9px 0 18px;color:#756a76;font-size:13px;line-height:1.7}.tool-independent-guide-grid span{margin-top:auto;color:#a84b2f;font-size:13px;font-weight:800}

.guide-hub,.lab-page{max-width:980px;margin:0 auto}.guide-hub-hero,.lab-hero{padding-bottom:28px}.guide-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-directory-card{min-height:240px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--gd-border);border-radius:22px;background:rgba(255,255,255,.4);box-shadow:var(--gd-shadow);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.guide-directory-card>span{color:var(--gd-orange-strong);font-size:12px;font-weight:850}.guide-directory-card strong{margin-top:10px;color:#382c3b;font-size:21px;line-height:1.4;letter-spacing:-.035em}.guide-directory-card p{margin:12px 0 20px;color:#756a76;font-size:14px;line-height:1.8}.guide-directory-card b{margin-top:auto;color:#a84b2f;font-size:13px}.guide-hub-note,.lab-note{margin-top:22px;padding:24px 26px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,247,242,.42);box-shadow:0 10px 28px rgba(98,63,78,.05)}.guide-hub-note h2,.lab-note h2{margin:0;color:#382b3b;font-size:20px}.guide-hub-note p,.lab-note p{margin:10px 0 0;color:#756a76;font-size:13px;line-height:1.8}.lab-note a{display:inline-flex;margin-top:12px;color:#a84b2f;font-size:13px;font-weight:800}

.guide-article{max-width:860px;margin:0 auto}.guide-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:22px;color:#8a7882;font-size:12px}.guide-breadcrumb a{color:#a84b2f;font-weight:800}.guide-article-hero{padding:6px 0 30px}.guide-article-hero .eyebrow{margin:0 0 10px;color:var(--gd-orange-strong);font-size:13px;font-weight:850}.guide-article-hero h1{margin:0;color:#382b3b;font-size:clamp(34px,5vw,48px);line-height:1.16;letter-spacing:-.05em}.guide-article-hero>p:last-child{max-width:760px;margin:18px 0 0;color:#716572;font-size:16px;line-height:1.85}.guide-article-content{display:grid;gap:16px}.guide-article-section,.guide-example{padding:26px 28px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,255,255,.4);box-shadow:0 10px 28px rgba(98,63,78,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.guide-article-section h2,.guide-example h2{margin:0;color:#382b3b;font-size:22px;line-height:1.4;letter-spacing:-.03em}.guide-article-section p,.guide-example p{margin:12px 0 0;color:#716572;font-size:14px;line-height:1.85}.guide-article-section ul{display:grid;gap:8px;margin:14px 0 0;padding-left:20px;color:#716572;font-size:14px;line-height:1.75}.guide-example{background:rgba(255,239,230,.48)}.guide-example>span{display:block;margin-bottom:7px;color:var(--gd-orange-strong);font-size:12px;font-weight:850}.guide-related-section{margin-top:38px;padding-top:32px;border-top:1px solid rgba(255,255,255,.42)}.guide-related-section>h2{margin:0 0 16px;color:#382b3b;font-size:24px}.guide-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-related-calc{min-height:160px;display:flex;flex-direction:column;padding:18px;border:1px solid var(--gd-border);border-radius:17px;background:rgba(255,255,255,.4)}.guide-related-calc>span{color:#8b726e;font-size:11px;font-weight:850}.guide-related-calc strong{margin-top:5px;color:#382c3b;font-size:16px}.guide-related-calc p{margin:8px 0 15px;color:#756a76;font-size:12px;line-height:1.65}.guide-related-calc b{margin-top:auto;color:#a84b2f;font-size:12px}

.method-page{max-width:980px}.method-flow{margin-top:28px}.method-flow>h2,.method-grid h2,.method-check h2{margin:0;color:#382b3b;letter-spacing:-.03em}.method-flow>h2{font-size:26px}.method-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none;counter-reset:method-step}.method-flow li{position:relative;min-height:190px;padding:54px 22px 22px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,255,255,.42);box-shadow:0 10px 28px rgba(98,63,78,.05);counter-increment:method-step}.method-flow li::before{content:counter(method-step);position:absolute;top:18px;left:20px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gd-orange),var(--gd-orange-strong));color:#fff;font-size:12px;font-weight:900}.method-flow strong{color:#493a45;font-size:17px}.method-flow p{margin:9px 0 0;color:#756a76;font-size:13px;line-height:1.75}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.method-grid article{padding:24px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,255,255,.4);box-shadow:0 10px 28px rgba(98,63,78,.05)}.method-grid h2{font-size:20px}.method-grid p{margin:10px 0 0;color:#756a76;font-size:13px;line-height:1.8}.method-check{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;margin-top:28px;padding:28px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,239,230,.44)}.method-check .eyebrow{margin:0 0 7px;color:var(--gd-orange-strong);font-size:12px;font-weight:850}.method-check h2{font-size:23px}.method-check>div:last-child p{margin:0;color:#756a76;font-size:14px;line-height:1.8}.method-check a{display:inline-flex;margin-top:13px;color:#a84b2f;font-size:13px;font-weight:800}

.lab-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 24px}.lab-summary>div{padding:18px 20px;border:1px solid var(--gd-border);border-radius:17px;background:rgba(255,255,255,.4);box-shadow:0 8px 22px rgba(98,63,78,.05)}.lab-summary strong{display:block;color:#493a45;font-size:20px;letter-spacing:-.025em}.lab-summary span{display:block;margin-top:3px;color:#8a7882;font-size:12px}.lab-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lab-test-card{padding:22px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,255,255,.4);box-shadow:0 10px 28px rgba(98,63,78,.05)}.lab-test-heading{display:flex;justify-content:space-between;gap:15px}.lab-test-heading span{color:var(--gd-orange-strong);font-size:11px;font-weight:850}.lab-test-heading h2{margin:4px 0 0;color:#382b3b;font-size:19px;line-height:1.4}.lab-test-heading time{flex:0 0 auto;color:#927f87;font-size:11px}.lab-test-card dl{display:grid;gap:8px;margin:16px 0 0}.lab-test-card dl>div{padding:12px 13px;border-radius:12px;background:rgba(255,247,242,.52)}.lab-test-card dt{color:#94766d;font-size:10px;font-weight:850}.lab-test-card dd{margin:4px 0 0;color:#4b3b46;font-size:13px;font-weight:760;line-height:1.6}.lab-test-card>p{margin:13px 0 0;color:#756a76;font-size:12px;line-height:1.72}.lab-test-card>a{display:inline-flex;margin-top:13px;color:#a84b2f;font-size:12px;font-weight:800}

@media(max-width:820px){.home-guide-grid,.guide-directory-grid,.lab-test-grid,.method-grid{grid-template-columns:1fr}.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-flow ol{grid-template-columns:1fr}.method-flow li{min-height:0}.method-check{grid-template-columns:1fr}.calc-test-card dl{grid-template-columns:1fr}}
@media(max-width:560px){.home-guide-card,.guide-directory-card,.guide-article-section,.guide-example,.calc-test-card,.method-grid article,.method-check,.lab-test-card{padding:19px}.guide-related-grid{grid-template-columns:1fr}.lab-summary{grid-template-columns:1fr}.guide-article-hero h1{font-size:clamp(30px,9vw,40px)}.calc-test-heading{display:block}.calc-test-heading>span{display:inline-block;margin-top:7px}}

/* 2026-10-12 — 값담 블로그: 홈 / 관련 계산기 / 독립 글 화면 */
.blog-heading-description{margin:9px 0 0;color:#736775;font-size:13px;line-height:1.7}
.home-blog-preview{margin-bottom:28px}
.home-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.blog-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:23px;border:1px solid var(--gd-border);border-radius:20px;background:rgba(255,255,255,.43);box-shadow:0 10px 26px rgba(98,63,78,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-decoration:none;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.blog-card:hover,.tool-blog-grid>a:hover,.blog-related-calc:hover{transform:translateY(-2px);background:rgba(255,255,255,.65);box-shadow:var(--gd-shadow-hover)}
.blog-card-category{display:inline-block;color:var(--gd-orange-strong);font-size:12px;font-weight:850}
.blog-card>strong{margin:11px 0 0;color:#382c3b;font-size:19px;line-height:1.48;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:break-word}
.blog-card>p{margin:11px 0 20px;color:#756a76;font-size:13px;line-height:1.78;word-break:keep-all;overflow-wrap:break-word}
.blog-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:12px}
.blog-card-footer time{color:#988995}.blog-card-footer b{color:#a84b2f;font-weight:850}
.tool-related-blogs{margin-top:42px;padding-top:34px;border-top:1px solid rgba(255,255,255,.42)}
.tool-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tool-blog-grid>a{display:flex;flex-direction:column;min-height:180px;padding:21px;border:1px solid var(--gd-border);border-radius:18px;background:rgba(255,255,255,.42);box-shadow:0 10px 28px rgba(98,63,78,.05);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.tool-blog-grid span{color:var(--gd-orange-strong);font-size:11px;font-weight:850}.tool-blog-grid strong{margin-top:8px;color:#382c3b;font-size:16px;line-height:1.45;word-break:keep-all;overflow-wrap:break-word}.tool-blog-grid p{margin:9px 0 18px;color:#756a76;font-size:13px;line-height:1.7}.tool-blog-grid b{margin-top:auto;color:#a84b2f;font-size:12px}
.blog-hub,.blog-article{max-width:1020px;margin:0 auto;word-break:keep-all;overflow-wrap:break-word}
.blog-hub-hero{padding:38px 30px 40px;border:1px solid var(--gd-border);border-radius:27px;background:linear-gradient(135deg,rgba(255,255,255,.53),rgba(255,239,228,.38));box-shadow:var(--gd-shadow);text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.blog-hub-hero .eyebrow,.blog-article-hero .eyebrow{margin:0 0 12px;color:var(--gd-orange-strong);font-size:13px;font-weight:850}
.blog-hub-hero h1,.blog-article-hero h1{max-width:860px;margin:0 auto;color:#382c3b;font-size:clamp(30px,4.5vw,44px);font-weight:850;line-height:1.3;letter-spacing:-.05em}
.blog-hub-hero>p:not(.eyebrow){max-width:690px;margin:16px auto 0;color:#716572;font-size:15px;line-height:1.9}
.blog-hub-actions{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap;margin-top:22px}
.blog-hub-actions a{color:#a84b2f;font-size:13px;font-weight:800}
.blog-hub-posts{margin-top:36px}
.blog-list-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 18px}
.blog-list-heading h2{margin:0;color:#382c3b;font-size:23px;line-height:1.4;letter-spacing:-.025em}
.blog-list-heading p{margin:0;color:#817380;font-size:13px}.blog-list-heading a{color:#a84b2f;font-weight:800;font-size:13px}
.blog-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.blog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px;color:#817380;font-size:12px;line-height:1.6}
.blog-breadcrumb a{color:#a84b2f;font-weight:800}.blog-breadcrumb [aria-current="page"]{min-width:0}
.blog-article{max-width:880px}.blog-article-hero{text-align:center;padding:8px 0 32px}
.blog-article-intro{max-width:750px;margin:20px auto 0;color:#716572;font-size:16px;line-height:1.95}
.blog-article-meta{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:17px;color:#968592;font-size:12px}
.blog-article-content{display:grid;gap:16px}
.blog-article-section,.blog-article-example,.blog-article-faq{padding:27px 30px;border:1px solid var(--gd-border);border-radius:21px;background:rgba(255,255,255,.43);box-shadow:0 10px 28px rgba(98,63,78,.045);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.blog-article-section h2,.blog-article-example h2,.blog-article-faq h2{margin:0;color:#382b3b;font-size:22px;line-height:1.4;letter-spacing:-.03em}
.blog-article-section p,.blog-article-example p{margin:14px 0 0;color:#716572;font-size:14px;line-height:2}
.blog-article-section ul{display:grid;gap:8px;margin:16px 0 0;padding-left:22px;color:#716572;font-size:14px;line-height:1.8}
.blog-article-example{border-color:rgba(241,181,142,.45);background:rgba(255,235,221,.55)}
.blog-article-example>span{display:block;margin-bottom:7px;color:var(--gd-orange-strong);font-size:12px;font-weight:850}
.blog-article-faq{margin-top:20px}.blog-faq-list{margin-top:16px;display:grid;gap:9px}
.blog-faq-list details{border:1px solid rgba(222,201,196,.55);border-radius:12px;background:rgba(255,255,255,.45)}
.blog-faq-list summary{padding:15px 18px;color:#382c3b;font-size:14px;font-weight:750;cursor:pointer}
.blog-faq-list details p{margin:0;padding:0 18px 18px;color:#716572;font-size:13px;line-height:1.85}
.blog-article-related,.blog-article-more{margin-top:36px;padding-top:30px;border-top:1px solid rgba(255,255,255,.52)}
.blog-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.blog-related-calc{min-height:157px;display:flex;flex-direction:column;padding:19px;border:1px solid var(--gd-border);border-radius:17px;background:rgba(255,255,255,.43);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.blog-related-calc>span{color:var(--gd-orange-strong);font-size:11px;font-weight:850}
.blog-related-calc strong{margin-top:6px;color:#382c3b;font-size:16px}.blog-related-calc p{margin:8px 0 15px;color:#756a76;font-size:12px;line-height:1.68}.blog-related-calc b{margin-top:auto;color:#a84b2f;font-size:12px}
.blog-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.blog-more-grid .blog-card{min-height:210px;padding:20px}.blog-more-grid .blog-card>strong{font-size:17px}
.blog-article-disclaimer{margin:25px 2px 0;color:#8c7f89;font-size:12px;line-height:1.85;text-align:center}
@media(max-width:820px){.home-blog-grid,.blog-directory-grid{grid-template-columns:1fr}.blog-hub-hero{padding:30px 22px}.blog-related-grid,.blog-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-blog-grid,.tool-blog-grid,.blog-related-grid,.blog-more-grid{grid-template-columns:1fr}.home-blog-preview{padding:18px}.blog-hub-hero{padding:25px 19px;border-radius:21px}.blog-hub-hero>p:not(.eyebrow){font-size:14px}.blog-hub-posts{margin-top:28px}.blog-card{padding:19px;border-radius:18px}.blog-card>strong{font-size:17px}.blog-list-heading{display:block}.blog-list-heading p,.blog-list-heading a{display:block;margin-top:7px}.blog-article-hero{padding-bottom:25px}.blog-article-hero h1{font-size:clamp(28px,8.5vw,37px)}.blog-article-intro{font-size:14px}.blog-article-section,.blog-article-example,.blog-article-faq{padding:20px;border-radius:18px}.blog-article-section h2,.blog-article-example h2,.blog-article-faq h2{font-size:19px}.blog-article-section p,.blog-article-example p{font-size:13px}.blog-breadcrumb{margin-bottom:16px}}


/* 날짜 차이: 두 개의 상시 표시 달력. 다른 계산기에는 영향 없음. */
.date-range-calculator{padding:clamp(16px,3vw,25px)}
.date-range-help{margin:0 0 18px;color:#6c5767;font-size:14px;line-height:1.75}
.date-range-help strong{color:#a75033}
.date-calendar-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.date-calendar{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:rgba(255,250,248,.65);box-shadow:0 7px 22px rgba(106,68,77,.045)}
.date-calendar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.date-calendar-eyebrow{display:block;color:#a16c64;font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.015em}
.date-calendar .date-calendar-top h2{margin:4px 0 0;color:#382938;font-size:18px;line-height:1.3;font-weight:850}
.date-calendar-selected{padding:6px 10px;border:1px solid rgba(222,109,69,.17);border-radius:10px;background:rgba(239,122,83,.10);color:#9d503b;font-size:13px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.date-calendar-toolbar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:7px;margin:0 0 14px}
.date-calendar-arrow{width:36px;height:37px;display:grid;place-items:center;padding:0;border:1px solid rgba(135,94,109,.17);border-radius:10px;background:rgba(255,255,255,.6);color:#684f59;font-size:24px;line-height:1;cursor:pointer}
.date-calendar-arrow:hover{border-color:rgba(225,112,73,.4);background:rgba(244,124,82,.10);color:#b25739}
.date-calendar-jump{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0}
.date-calendar-jump select{min-width:0;max-width:100%;height:37px;margin:0;padding:0 21px 0 9px;border:1px solid rgba(135,94,109,.16);border-radius:10px;background:rgba(255,255,255,.65);color:#493746;font-size:13px;font-weight:750;cursor:pointer}
.date-calendar-jump select[data-calendar-year]{width:104px;flex:0 1 104px}
.date-calendar-jump select[data-calendar-month]{width:76px;flex:0 1 76px}
.date-calendar-weekdays,.date-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.date-calendar-weekdays{margin-bottom:5px}
.date-calendar-weekdays span{display:grid;place-items:center;height:27px;color:#8d7987;font-size:12px;font-weight:750}
.date-calendar-weekdays span:first-child{color:#d97877}.date-calendar-weekdays span:last-child{color:#7287ae}
.date-calendar-day,.date-calendar-empty{width:100%;aspect-ratio:1/1;min-width:0;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;line-height:1;font-size:13px;font-variant-numeric:tabular-nums}
.date-calendar-day{padding:0;background:transparent;color:#4b3945;cursor:pointer;transition:background .12s,border-color .12s,color .12s;position:relative}
.date-calendar-day:hover{border-color:rgba(229,119,79,.28);background:rgba(247,141,105,.18)}
.date-calendar-day.is-range{background:rgba(242,138,107,.12);border-radius:5px}
.date-calendar-day.is-today:not(.is-selected){border-color:rgba(218,105,64,.52);color:#b04b32;font-weight:850}
.date-calendar-day.is-selected{border-color:transparent;border-radius:10px;background:linear-gradient(140deg,#f18864,#de714d);color:white;font-weight:850;box-shadow:0 5px 13px rgba(197,98,69,.18)}
.date-calendar-day:focus-visible,.date-calendar-arrow:focus-visible,.date-calendar-today:focus-visible,.date-calendar-jump select:focus-visible{outline:2px solid #b44f33;outline-offset:2px}
.date-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(116,77,93,.11)}
.date-calendar-footer span{color:#a29098;font-size:11px}
.date-calendar-today{padding:6px 9px;border:1px solid rgba(221,116,79,.25);border-radius:9px;background:rgba(255,255,255,.5);color:#a65338;font-size:12px;font-weight:800;cursor:pointer}
.date-calendar-today:hover{background:rgba(240,122,82,.14)}
.date-range-result .result{margin-top:19px}
.date-range-result .result .date-result-calendar{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:0;margin:1px 0 3px}
.date-range-result .result .date-result-caption{color:rgba(255,255,255,.78);font-size:12px;font-weight:700}
.date-range-result .result .date-result-calendar strong{font-size:19px;font-weight:850;line-height:1.6;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.date-range-note{margin:11px 4px 0;color:#8d7280;font-size:11.5px;line-height:1.7}
@media(max-width:760px){.date-calendar-pair{grid-template-columns:1fr}.date-calendar{padding:clamp(14px,4vw,20px)}.date-calendar-day,.date-calendar-empty{max-height:50px}.date-calendar-weekdays,.date-calendar-days{gap:5px}}
@media(max-width:380px){.date-calendar-toolbar{gap:5px;grid-template-columns:33px minmax(0,1fr) 33px}.date-calendar-arrow{width:33px}.date-calendar-jump select[data-calendar-year]{width:98px}.date-calendar-jump select[data-calendar-month]{width:72px}.date-calendar-footer span{font-size:10px}}



/* Time calculator: two simple 3-column picker wheels + one clock per side. */
.gd-time-calculator{display:grid;gap:16px}.gd-time-grid{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:10px;align-items:center}.gd-time-panel{min-width:0;padding:20px 14px 18px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,255,255,.36);box-shadow:0 8px 24px rgba(112,73,81,.06);display:grid;gap:16px}.gd-time-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.gd-time-panel-heading h2{margin:2px 0 0!important;color:#473844!important;font-size:17px!important}.gd-time-eyebrow{color:#ed7d53;font-size:11px;font-weight:850;letter-spacing:.05em}.gd-time-panel-heading>strong{color:#775865;font-size:17px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}.gd-time-wheels{min-width:0;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;border:1px solid rgba(239,139,105,.17);border-radius:22px;padding:13px 9px;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,243,235,.43))}.gd-time-wheel{min-width:0;display:grid;gap:5px}.gd-time-wheel-label{text-align:center;color:#8b7180;font-size:12px;font-weight:800}.gd-wheel-viewport{position:relative;isolation:isolate;min-width:0;height:198px;overflow:hidden;border-radius:15px;touch-action:pan-x;cursor:ns-resize;user-select:none;outline-offset:2px;background:linear-gradient(to bottom,rgba(255,255,255,.18),rgba(255,255,255,0) 24%,rgba(255,255,255,0) 78%,rgba(255,255,255,.15))}.gd-wheel-selection{position:absolute;z-index:0;left:1px;right:1px;top:76px;height:46px;border-radius:13px;background:rgba(255,255,255,.85);border:1px solid rgba(238,139,103,.27);box-shadow:0 5px 13px rgba(200,112,86,.10)}.gd-wheel-option{position:absolute;z-index:1;display:flex;justify-content:center;align-items:center;left:0;width:100%;height:35px;border:0;background:transparent;color:#b4a3aa;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.gd-wheel-option--n2{top:1px;opacity:.38}.gd-wheel-option--n1{top:41px;opacity:.8}.gd-wheel-option--p1{top:122px;opacity:.8}.gd-wheel-option--p2{top:160px;opacity:.38}.gd-wheel-input{position:absolute;z-index:2;left:2%;top:77px;width:96%;height:44px;padding:0 2px;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;text-align:center;color:#443642;font-size:clamp(20px,2.4vw,31px);line-height:44px;font-weight:850;letter-spacing:-.04em;font-variant-numeric:tabular-nums;outline-offset:0;cursor:text;user-select:text}.gd-time-wheel[data-wheel="period"] .gd-wheel-input{font-size:clamp(16px,1.8vw,23px)}.gd-time-operation{display:grid;gap:13px;align-content:center;justify-items:center}.gd-time-op-button{width:52px;height:52px;padding:0;border-radius:17px;display:grid;place-items:center;cursor:pointer;color:#b77c69;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.72);box-shadow:0 6px 16px rgba(148,92,79,.07);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.gd-time-op-button:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(148,92,79,.14)}.gd-time-op-button.is-selected{color:#fff;background:linear-gradient(135deg,#f69b75,#e97950);border-color:rgba(255,255,255,.55);box-shadow:0 10px 22px rgba(229,112,72,.25)}.gd-time-op-caption{font-size:11px;color:#9b8087;font-weight:800}.gd-clock-preview{padding:5px 0 3px;display:grid;place-items:center}.gd-clock-dial{--gd-hour-angle:0deg;--gd-minute-angle:0deg;position:relative;width:min(100%,226px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 26%,rgba(255,255,255,.99),rgba(255,248,242,.97) 60%,rgba(251,227,215,.95));border:9px solid rgba(249,216,202,.77);box-shadow:0 0 0 1px rgba(235,133,94,.21),0 11px 26px rgba(174,92,73,.10),inset 0 0 0 1px rgba(255,255,255,.95)}.gd-clock-tick-ring{position:absolute;inset:9px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(182,126,109,.24) 0deg 1.2deg,transparent 1.2deg 30deg);mask:radial-gradient(transparent 0 94%,black 95%);-webkit-mask:radial-gradient(transparent 0 94%,black 95%)}.gd-clock-number{position:absolute;left:50%;top:50%;width:22px;height:22px;display:grid;place-items:center;color:#795e6c;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums;transform:translate(-50%,-50%) rotate(calc(var(--idx)*30deg)) translateY(-83px) rotate(calc(var(--idx)*-30deg))}.gd-clock-hand{position:absolute;left:50%;bottom:50%;width:5px;border-radius:99px 99px 2px 2px;background:#ba7760;transform-origin:50% 100%;box-shadow:0 2px 4px rgba(128,75,56,.13)}.gd-clock-hand--hour{height:26%;width:7px;margin-left:-3.5px;transform:rotate(var(--gd-hour-angle));background:#a66f63}.gd-clock-hand--minute{height:38%;margin-left:-2.5px;transform:rotate(var(--gd-minute-angle));background:#ec8359}.gd-clock-dot{position:absolute;width:13px;height:13px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ed865d;box-shadow:0 0 0 4px rgba(239,134,93,.12)}.gd-time-hint,.gd-time-footnote{margin:0;color:#897481;font-size:12px;line-height:1.6}.gd-time-footnote{margin-top:-7px}.gd-time-calculator .result{margin-top:0}.gd-time-calculator .result strong{font-variant-numeric:tabular-nums}
@media(max-width:850px){.gd-time-grid{grid-template-columns:1fr;gap:12px}.gd-time-panel{max-width:100%}.gd-time-operation{display:flex;justify-content:center;gap:12px;padding:4px 0}.gd-time-op-caption{display:none}.gd-time-wheels{max-width:490px;width:100%;margin:0 auto}.gd-time-panel-heading{max-width:490px;width:100%;margin:0 auto}.gd-clock-dial{width:min(100%,226px)}}
@media(max-width:440px){.gd-time-calculator{gap:13px}.gd-time-panel{padding:16px 11px 14px;gap:10px}.gd-time-panel-heading h2{font-size:15px!important}.gd-time-panel-heading>strong{font-size:15px}.gd-time-wheels{padding:10px 6px;gap:4px}.gd-time-wheel-label{font-size:11px}.gd-wheel-input{font-size:25px}.gd-time-wheel[data-wheel="period"] .gd-wheel-input{font-size:19px}.gd-clock-dial{width:min(100%,205px)}}

/* Editorial polish: keep the warm glass treatment, clarify type hierarchy and let spacing separate sections. */
body{
  line-height:1.68;
  letter-spacing:-.006em;
}
.home-hero h1,.hero h1,.info h1,.guide-article-hero h1,.blog-article-hero h1{
  letter-spacing:-.035em;
  line-height:1.12;
}
.home-brand-story-intro h2,.home-section-heading h2,.home-popular-suite h2,
.tool-guide-intro h2,.tool-guide-subheading h3,.info h2,
.guide-article-section h2,.guide-example h2,.blog-article-section h2{
  letter-spacing:-.022em;
  line-height:1.32;
}
.home-hero>p:not(.home-kicker),.hero-description,.tool-guide-intro>p:last-child,
.guide-article-hero>p:last-child,.blog-article-intro,.blog-article-section p{
  line-height:1.76;
}
.result strong,.date-result-calendar strong,.gd-time-panel-heading>strong{
  font-variant-numeric:tabular-nums;
}

/* Remove ornamental rules where cards and the larger gaps already define the groups. */
.home-brand-story,.home-overview,.tool-guide,.tool-guide-faq,.tool-guide-related{
  border-top:0;
}
.home-brand-story,.home-overview{
  padding-top:0;
}
.home-overview-card ul{
  padding-top:0;
  border-top:0;
}
.tool-directory-open{
  padding-top:12px;
  border-top:0;
}
.tool-guide,.tool-guide-faq,.tool-guide-related{
  padding-top:0;
}

/* Two-state AM/PM wheel: center + opposite above/below at rest. */
.gd-time-wheel[data-wheel="period"] .gd-wheel-viewport{touch-action:pan-x}
.gd-period-current{position:absolute;z-index:2;inset:77px 2% auto;display:grid;place-items:center;height:44px;border-radius:10px;color:#443642;font-size:clamp(19px,2vw,27px);font-weight:850;line-height:44px;pointer-events:none;user-select:none}
.gd-time-wheel[data-wheel="period"] .gd-wheel-option{color:#9e8b97;filter:blur(.65px);transition:opacity .22s ease,filter .22s ease}
.gd-time-wheel[data-wheel="period"] .gd-wheel-option--n1,.gd-time-wheel[data-wheel="period"] .gd-wheel-option--p1{opacity:.37}
.gd-time-wheel[data-wheel="period"] .gd-wheel-option--n2,.gd-time-wheel[data-wheel="period"] .gd-wheel-option--p2{opacity:0;pointer-events:none}
.gd-time-wheel[data-wheel="period"] .gd-wheel-viewport.is-moving .gd-wheel-option{filter:none}
.gd-time-wheel[data-wheel="period"] .gd-wheel-viewport.is-moving .gd-wheel-option--n1,.gd-time-wheel[data-wheel="period"] .gd-wheel-viewport.is-moving .gd-wheel-option--p1{opacity:.78}
.gd-time-wheel[data-wheel="period"] .gd-wheel-viewport.is-moving .gd-wheel-option--n2,.gd-time-wheel[data-wheel="period"] .gd-wheel-viewport.is-moving .gd-wheel-option--p2{opacity:.33;pointer-events:auto}
/* Clock arms can be grabbed with mouse or touch; outer/inner face clicks set minute/hour. */
.gd-clock-dial{touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}
.gd-clock-hand{padding:0;border:0;appearance:none;cursor:grab;z-index:2;touch-action:none}
.gd-clock-hand::before{content:"";position:absolute;inset:-3px -13px -3px -13px;background:transparent}
.gd-clock-hand--minute{z-index:3}
.gd-clock-hand:focus-visible{outline:2px solid #e77a4e;outline-offset:5px}
.gd-clock-dial.is-dragging,.gd-clock-dial.is-dragging .gd-clock-hand{cursor:grabbing}
.gd-clock-dot{pointer-events:none;z-index:4}
@media(max-width:440px){.gd-period-current{font-size:21px}}

.calc-test-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:16px}
.calc-test-actions>a{margin-top:0}
.calc-example-load{min-height:42px;padding:0 16px;border:1px solid rgba(168,75,47,.24);border-radius:12px;background:rgba(255,255,255,.68);color:#8f3e27;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.calc-example-load:hover{transform:translateY(-1px);border-color:rgba(168,75,47,.42);background:#fff}
.calc-example-load:focus-visible{outline:3px solid rgba(168,75,47,.3);outline-offset:3px}
.calc-test-process{margin-top:16px;padding:14px 16px;border-radius:13px;background:rgba(255,255,255,.56)}
.calc-test-process>strong{display:block;color:#74564d;font-size:12px;font-weight:850}
.calc-test-process>p{margin:5px 0 0;color:#493a45;font-size:14px;font-weight:700;line-height:1.7}

/* Supplemental, reproducible examples make changed assumptions visible beside the main fixture. */
.calc-test-scenarios{display:grid;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(105,76,93,.14)}
.calc-test-scenarios>h4{margin:0;color:#493a45;font-size:15px}
.calc-test-scenario,.lab-scenario-card{padding:17px 18px;border:1px solid rgba(105,76,93,.12);border-radius:14px;background:rgba(255,250,247,.5)}
.calc-test-scenario h5,.lab-scenario-card h3{margin:0;color:#493a45;font-size:15px;line-height:1.5}
.calc-test-scenario dl,.lab-scenario-card dl{display:grid;gap:7px;margin:12px 0}
.calc-test-scenario dl>div,.lab-scenario-card dl>div{display:grid;grid-template-columns:78px 1fr;gap:10px}
.calc-test-scenario dt,.lab-scenario-card dt{color:#8b726e;font-size:11px;font-weight:850}
.calc-test-scenario dd,.lab-scenario-card dd{margin:0;color:#493a45;font-size:13px;font-weight:750;line-height:1.6}
.calc-test-scenario>p,.lab-scenario-card>p{margin:8px 0 0;color:#756873;font-size:12px;line-height:1.72}
.calc-test-scenario .calc-test-process-copy,.lab-scenario-card .calc-test-process-copy{color:#493a45;font-weight:700}
.calc-test-scenario>.calc-example-load{margin-top:10px}
.lab-scenario-card{margin-top:12px}
.blog-scenario,.blog-sources{margin-top:28px;padding:24px;border:1px solid var(--gd-border);border-radius:18px;background:rgba(255,255,255,.48)}
.blog-scenario>.eyebrow{margin:0 0 6px}
.blog-scenario h2,.blog-sources h2{margin:0;color:#382b3b;font-size:21px;line-height:1.45}
.blog-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.blog-scenario-grid article{padding:16px;border-radius:13px;background:rgba(255,247,242,.65)}
.blog-scenario-grid h3{margin:0;color:#756873;font-size:13px;line-height:1.55}
.blog-scenario-grid p{margin:8px 0 0;color:#493a45;font-size:16px;font-weight:800;line-height:1.5}
.blog-scenario-explanation,.blog-sources>p{margin:14px 0 0;color:#756873;font-size:13px;line-height:1.75}
.blog-sources ul{display:grid;gap:8px;margin:14px 0 0;padding-left:20px;color:#756873;font-size:13px;line-height:1.7}
.blog-sources a{color:#a84b2f;font-weight:750}
.blog-worked-examples{display:grid;gap:12px;margin-top:24px}
.blog-worked-examples>h2{margin:0;color:#382b3b;font-size:20px;line-height:1.45}
.blog-worked-example{padding:19px 20px;border:1px solid var(--gd-border);border-radius:16px;background:rgba(255,255,255,.48)}
.blog-worked-example h3{margin:0;color:#493a45;font-size:16px;line-height:1.5}
.blog-worked-example dl{display:grid;gap:10px;margin:14px 0}
.blog-worked-example dl>div{display:grid;grid-template-columns:72px 1fr;gap:12px}
.blog-worked-example dt{color:#8b726e;font-size:12px;font-weight:850}
.blog-worked-example dd{margin:0;color:#493a45;font-size:13px;font-weight:700;line-height:1.7}
.blog-worked-example>p{margin:10px 0 0;color:#756873;font-size:13px;line-height:1.75}
.blog-worked-example .worked-calculation{color:#493a45}
.worked-calculation strong{margin-right:5px;color:#a84b2f}
@media(max-width:560px){.calc-test-scenario,.lab-scenario-card,.blog-scenario,.blog-sources{padding:17px}.blog-scenario-grid{grid-template-columns:1fr}.calc-test-scenario dl>div,.lab-scenario-card dl>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:560px){.blog-worked-example{padding:16px}.blog-worked-example dl>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:560px){.calc-test-actions{align-items:stretch;flex-direction:column}.calc-example-load{text-align:center}}
.loan-options{margin-top:16px}
.loan-calculator-note{margin:-2px 0 16px;color:#786b79;font-size:13px;line-height:1.7}
.loan-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.loan-metrics>div{min-width:0;padding:14px 15px;border:1px solid rgba(105,76,93,.12);border-radius:14px;background:rgba(255,250,247,.58)}
.loan-metrics span{display:block;color:#8b726e;font-size:11px;font-weight:800}
.loan-metrics strong{display:block;margin-top:5px;color:#493a45;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}
.loan-schedule-details{margin-top:18px;border-top:1px solid rgba(105,76,93,.12)}
.loan-schedule-details>summary{padding:16px 0 4px;color:#8f3e27;font-size:14px;font-weight:800;cursor:pointer}
.loan-schedule-note{margin:10px 0;color:#786b79;font-size:12px;line-height:1.65}
.loan-schedule-wrap{max-height:460px;overflow:auto;border:1px solid rgba(105,76,93,.12);border-radius:12px;background:rgba(255,255,255,.46)}
.loan-schedule-table{width:100%;min-width:850px;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.loan-schedule-table th,.loan-schedule-table td{padding:10px 12px;border-bottom:1px solid rgba(105,76,93,.1);text-align:right;white-space:nowrap}
.loan-schedule-table thead th{position:sticky;top:0;background:#fbf2ed;color:#75636e;font-weight:800}
.loan-schedule-table th:first-child,.loan-schedule-table td:first-child{text-align:left}
.loan-schedule-table tbody tr:last-child th,.loan-schedule-table tbody tr:last-child td{border-bottom:0}
@media(max-width:900px){.loan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.loan-metrics{grid-template-columns:1fr}.loan-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.loan-metrics strong{margin-top:0;text-align:right}}
.pay-section-heading{margin:22px 0 10px;padding-top:16px;border-top:1px solid rgba(105,76,93,.12)}
.pay-section-heading h2{margin:0;color:#493a45;font-size:16px;line-height:1.4}
.pay-section-heading p{margin:5px 0 0;color:#786b79;font-size:13px;line-height:1.6}
.pay-calculator-note,.pay-month-note{margin:12px 0;color:#786b79;font-size:12px;line-height:1.7}
.pay-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.pay-metrics>div{min-width:0;padding:14px 15px;border:1px solid rgba(105,76,93,.12);border-radius:14px;background:rgba(255,250,247,.58)}
.pay-metrics span{display:block;color:#8b726e;font-size:11px;font-weight:800}
.pay-metrics strong{display:block;margin-top:5px;color:#493a45;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){.pay-metrics{grid-template-columns:1fr}.pay-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.pay-metrics strong{margin-top:0;text-align:right}}
.savings-calculator-note{margin:12px 0;color:#786b79;font-size:12px;line-height:1.7}
.savings-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.savings-metrics>div{min-width:0;padding:14px 15px;border:1px solid rgba(105,76,93,.12);border-radius:14px;background:rgba(255,250,247,.58)}
.savings-metrics span{display:block;color:#8b726e;font-size:11px;font-weight:800}
.savings-metrics strong{display:block;margin-top:5px;color:#493a45;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){.savings-metrics{grid-template-columns:1fr}.savings-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.savings-metrics strong{margin-top:0;text-align:right}}
.vat-calculator-note{margin:12px 0;color:#786b79;font-size:12px;line-height:1.7}
.vat-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.vat-metrics>div{min-width:0;padding:14px 15px;border:1px solid rgba(105,76,93,.12);border-radius:14px;background:rgba(255,250,247,.58)}
.vat-metrics span{display:block;color:#8b726e;font-size:11px;font-weight:800}
.vat-metrics strong{display:block;margin-top:5px;color:#493a45;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){.vat-metrics{grid-template-columns:1fr}.vat-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.vat-metrics strong{margin-top:0;text-align:right}}
.compound-calculator-note{margin:12px 0;color:#786b79;font-size:12px;line-height:1.7}
.compound-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.compound-metrics>div{min-width:0;padding:14px 15px;border:1px solid rgba(105,76,93,.12);border-radius:14px;background:rgba(255,250,247,.58)}
.compound-metrics span{display:block;color:#8b726e;font-size:11px;font-weight:800}
.compound-metrics strong{display:block;margin-top:5px;color:#493a45;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){.compound-metrics{grid-template-columns:1fr}.compound-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.compound-metrics strong{margin-top:0;text-align:right}}
.finance-input-section{margin:0;padding:17px 18px;border:1px solid rgba(105,76,93,.12);border-radius:16px;background:rgba(255,255,255,.42)}
.finance-input-section+.finance-input-section{margin-top:13px}
.finance-section-heading{margin-bottom:14px}
.calculator-box .finance-section-heading h2{margin:0;color:#493a45;font-size:16px;line-height:1.4;letter-spacing:-.015em}
.finance-section-heading p{margin:5px 0 0;color:#786b79;font-size:12px;line-height:1.6}
.unit-price-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.unit-price-product{min-width:0}
.calculator-box .unit-price-product h2{margin:0 0 14px;color:#493a45;font-size:17px;letter-spacing:-.015em}
.unit-price-fields{display:grid;gap:12px}
.unit-price-quantity{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}
.unit-price-quantity input,.unit-price-quantity select{min-width:0}
.unit-price-basis-section{margin-top:20px;padding-top:18px;border-top:1px solid rgba(105,76,93,.12)}
.unit-price-basis-section>.field{max-width:360px}
.unit-price-note{margin:9px 0 0;color:#786b79;font-size:12px;line-height:1.65}
.unit-price-basis-section select:disabled{background:#f4f1f2;color:#91878f;cursor:not-allowed}
.unit-price-calculator .result strong{font-size:clamp(20px,4vw,26px);overflow-wrap:anywhere}
@media(max-width:760px){.unit-price-products{grid-template-columns:1fr;gap:20px}.unit-price-basis-section{margin-top:18px;padding-top:16px}}
.discount-step-fields [hidden]{display:none!important}
.discount-rounding-field{max-width:360px;margin-top:14px}
.discount-calculator-note,.dday-calculator-note,.average-calculator-note{margin:10px 0;color:#786b79;font-size:12px;line-height:1.7}
.discount-breakdown{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.discount-breakdown li{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:rgba(255,250,247,.7);color:#786b79;font-size:13px;font-variant-numeric:tabular-nums}
.discount-breakdown li strong{color:#493a45;font-size:13px;text-align:right}
@media(max-width:560px){.discount-breakdown li{grid-template-columns:1fr auto}.discount-breakdown li strong{grid-column:1/-1;text-align:left}}
.dday-milestone-panel{margin-top:20px;padding:18px;border:1px solid rgba(105,76,93,.12);border-radius:16px;background:rgba(255,255,255,.48)}
.dday-milestone-heading{margin-bottom:14px}
.calculator-box .dday-milestone-heading h2{margin:0;color:#493a45;font-size:17px;line-height:1.4}
.dday-milestone-heading p{margin:5px 0 0;color:#786b79;font-size:12px;line-height:1.65}
.dday-milestone-note{margin:10px 0;color:#786b79;font-size:12px;line-height:1.65}
.dday-milestone-scroll{max-height:320px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(105,76,93,.1);border-radius:12px;background:rgba(255,255,255,.72);scrollbar-gutter:stable}
.dday-milestone-scroll ol{margin:0;padding:0;list-style:none}
.dday-milestone-scroll li{display:grid;grid-template-columns:minmax(78px,1fr) auto 56px;align-items:center;gap:12px;padding:11px 13px;color:#493a45;font-size:13px}
.dday-milestone-scroll li+li{border-top:1px solid rgba(105,76,93,.08)}
.dday-milestone-scroll time{color:#786b79;font-variant-numeric:tabular-nums}
.dday-milestone-scroll strong{color:#8f3e27;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:560px){.dday-milestone-panel{padding:14px 12px}.dday-milestone-scroll li{grid-template-columns:minmax(76px,1fr) auto 48px;gap:7px;padding:11px 9px;font-size:12px}.dday-milestone-scroll strong{font-size:11px}}
.loan-calculator [data-rate-scenario][hidden]{display:none!important}
.savings-calculator [data-savings-timing-field][hidden]{display:none!important}
@media(max-width:700px){.finance-input-section{padding:14px 13px;border-radius:13px}.finance-section-heading{margin-bottom:12px}.finance-input-section+.finance-input-section{margin-top:11px}}