@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@300;400;500;600&family=Noto+Serif+SC:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg: #f7f4ee;--bg-soft: #efe9df;--bg-deep: #e7e0d3;--ink: #2a2a25;--ink-soft: #5b5a52;--ink-faint: #8a877b;--olive: #6b7a4b;--olive-deep: #4d5a32;--olive-soft: #aab089;--clay: #b08568;--sand: #d8c7a8;--line: rgba(42, 42, 37, .12);--line-soft: rgba(42, 42, 37, .07)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Noto Sans SC,Inter,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:Fraunces,"Noto Serif SC",serif;font-weight:500;line-height:1.15;letter-spacing:-.01em;margin:0;color:var(--ink)}em{font-style:italic;font-weight:400;color:var(--olive-deep)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input{font-family:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--olive-deep);color:#ffffffd9;font-size:12px;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center;padding:9px 28px}.topbar-right{font-family:Fraunces,serif;letter-spacing:.12em;opacity:.7}.main-header{position:sticky;top:0;z-index:40;background:#f7f4eeeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--olive-deep);color:#fff;display:flex;align-items:center;justify-content:center}.brand span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.brand strong{font-family:Fraunces,serif;font-size:20px;font-weight:600}.brand small{font-size:10.5px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase}.menu-trigger{display:none;color:var(--ink)}.main-nav{display:flex;align-items:center;gap:6px}.main-nav button{font-size:14px;padding:9px 16px;border-radius:999px;color:var(--ink-soft);transition:all .25s;font-weight:500}.main-nav button:hover{color:var(--ink);background:var(--bg-soft)}.main-nav button.active{color:var(--ink);background:var(--bg-deep)}.header-cta{background:var(--ink)!important;color:#fff!important;display:flex;align-items:center;gap:6px}.header-cta:hover{background:var(--olive-deep)!important}.hero-section{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;padding:72px 28px 80px;max-width:1320px;margin:0 auto;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--olive);font-weight:500;margin:0 0 22px}.hero-copy h1{font-size:clamp(40px,5.4vw,72px);line-height:1.04}.hero-description{font-size:17px;color:var(--ink-soft);max-width:460px;margin:26px 0 34px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:14px;margin-top:44px;color:var(--ink-faint);font-size:13px}.note-line{width:44px;height:1px;background:var(--olive-soft)}.button{padding:14px 26px;border-radius:999px;font-size:14.5px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--olive-deep);transform:translateY(-2px)}.button-outline{border:1px solid var(--ink);color:var(--ink)}.button-outline:hover{background:var(--ink);color:#fff}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;color:var(--ink);padding:12px 4px;border-bottom:1px solid var(--ink);transition:all .25s}.text-button:hover{color:var(--olive-deep);border-color:var(--olive-deep)}.round-link{width:52px;height:52px;border-radius:50%;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;transition:all .3s}.round-link:hover{background:var(--ink);color:#fff;transform:rotate(45deg)}.hero-visual{position:relative;aspect-ratio:4 / 5}.hero-image{width:100%;height:100%;border-radius:220px 220px 24px 24px;background-size:cover;background-position:center;filter:saturate(.85) contrast(1.02)}.hero-visual-card{position:absolute;bottom:-28px;left:-36px;background:var(--bg);padding:22px 26px;border-radius:18px;box-shadow:0 24px 50px -24px #2a2a2540;max-width:240px}.hero-visual-card span{font-family:Fraunces,serif;font-size:12px;color:var(--olive);letter-spacing:.1em}.hero-visual-card strong{display:block;font-family:Fraunces,serif;font-size:17px;font-weight:500;margin-top:6px;line-height:1.3}.hero-stamp{position:absolute;top:24px;right:-22px;background:var(--olive-deep);color:#fff;width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;letter-spacing:.14em;text-align:center;line-height:1.3}.olive-strip{background:var(--olive-deep);color:#ffffffe6;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.section-pad{padding:90px 28px;max-width:1320px;margin:0 auto}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;border-top:1px solid var(--line)}.feature-section h2{font-size:clamp(32px,4vw,52px)}.feature-text p{font-size:17px;color:var(--ink-soft);max-width:440px;margin:0 0 24px}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;gap:24px}.section-heading-row h2{font-size:clamp(28px,3.6vw,46px)}.tool-preview-section{border-top:1px solid var(--line)}.tool-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.tool-group-card{background:var(--bg-soft);border-radius:24px;padding:34px;display:flex;flex-direction:column;transition:transform .3s}.tool-group-card:hover{transform:translateY(-4px)}.group-top{display:flex;justify-content:space-between;align-items:center;color:var(--olive);font-size:11px;letter-spacing:.14em}.tool-group-card h3{font-size:24px;margin:18px 0 12px}.tool-group-card p{font-size:14px;color:var(--ink-soft);margin:0 0 26px;min-height:66px}.mini-tool-list{display:flex;flex-direction:column;gap:8px;margin-top:auto}.mini-tool-list button{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg);border-radius:14px;font-size:14px;font-weight:500;transition:all .25s;text-align:left}.mini-tool-list button:hover{background:var(--olive-deep);color:#fff}.more-tools{font-size:12px;color:var(--ink-faint);margin-top:18px;letter-spacing:.06em}.editorial-section{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);padding:0;max-width:none}.editorial-image{background-size:cover;background-position:center;min-height:560px;display:flex;align-items:flex-end;padding:40px;color:#fff;font-family:Fraunces,serif;font-size:30px;line-height:1.1;font-style:italic}.editorial-image span{background:#2a2a2566;padding:16px 22px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editorial-copy{padding:80px 70px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-soft)}.editorial-copy h2{font-size:clamp(32px,4vw,50px);margin:16px 0 22px}.editorial-copy p{font-size:17px;color:var(--ink-soft);max-width:420px;margin:0 0 34px}.article-preview{border-top:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-grid-large{grid-template-columns:repeat(2,1fr);gap:32px}.article-card{background:var(--bg-soft);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .35s}.article-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #2a2a254d}.card-0 .article-card-art{background:var(--olive-deep)}.card-1 .article-card-art{background:var(--clay)}.card-2 .article-card-art{background:var(--ink)}.article-card-art{height:180px;display:flex;align-items:flex-end;justify-content:space-between;padding:24px;color:#fff;background-size:cover;background-position:center}.article-card-art span{font-family:Fraunces,serif;font-size:40px;font-weight:600;opacity:.85}.article-card-body{padding:28px;display:flex;flex-direction:column;flex:1}.article-meta{display:flex;gap:14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);margin-bottom:16px}.article-card-body h3{font-size:21px;margin-bottom:12px;line-height:1.25}.article-card-body p{font-size:14px;color:var(--ink-soft);margin:0 0 24px;flex:1}.article-card-footer{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink);border-top:1px solid var(--line-soft);padding-top:18px}.article-card:hover .article-card-footer{color:var(--olive-deep)}.quote-section{background:var(--olive-deep);color:#fff;text-align:center;padding:100px 28px}.quote-mark{font-family:Fraunces,serif;font-size:80px;line-height:.5;opacity:.4}.quote-section p{font-family:Fraunces,serif;font-size:clamp(22px,2.6vw,34px);line-height:1.4;max-width:760px;margin:20px auto 28px;font-weight:400}.quote-section span{font-size:11px;letter-spacing:.16em;opacity:.6}.inner-page{max-width:1280px;margin:0 auto;padding:60px 28px 100px}.page-intro{max-width:680px;margin-bottom:60px}.page-intro h1{font-size:clamp(36px,5vw,60px);margin:16px 0 22px}.page-intro p{font-size:17px;color:var(--ink-soft);max-width:520px}.tool-page-grid{display:flex;flex-direction:column;gap:70px}.tool-page-group{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.tool-page-title h2{font-size:30px;margin:14px 0 16px}.tool-page-title p{font-size:14.5px;color:var(--ink-soft)}.tool-list{display:flex;flex-direction:column;gap:14px}.tool-list-item{display:flex;align-items:center;gap:18px;padding:22px 26px;background:var(--bg-soft);border-radius:18px;transition:all .3s;text-align:left}.tool-list-item:hover{background:var(--bg-deep);transform:translate(4px)}.tool-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-icon.sage{background:var(--olive-deep);color:#fff}.tool-icon.sand{background:var(--sand);color:var(--ink)}.tool-icon.clay{background:var(--clay);color:#fff}.tool-list-copy{flex:1;display:flex;flex-direction:column}.tool-list-copy strong{font-size:16px;font-weight:500;font-family:Fraunces,serif}.tool-list-copy small{font-size:13px;color:var(--ink-soft);margin-top:4px}.tool-open{color:var(--ink-faint);transition:all .3s}.tool-list-item:hover .tool-open{color:var(--ink);transform:rotate(45deg)}.disclaimer{display:flex;gap:14px;align-items:flex-start;margin-top:60px;padding:26px;background:var(--bg-soft);border-radius:16px;color:var(--ink-soft);font-size:13.5px}.disclaimer svg{color:var(--olive);flex-shrink:0;margin-top:2px}.article-page{max-width:1100px;margin:0 auto;padding:50px 28px 100px}.back-button{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-soft);margin-bottom:40px;transition:color .25s}.back-button:hover{color:var(--ink)}.article-header{max-width:760px;margin-bottom:60px}.article-header h1{font-size:clamp(30px,4vw,48px);margin:16px 0 22px;line-height:1.2}.article-lead{font-size:19px;color:var(--ink-soft);line-height:1.6}.article-byline{display:flex;gap:24px;margin-top:28px;font-size:13px;color:var(--ink-faint)}.article-byline span{display:flex;align-items:center;gap:6px}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.article-tags span{font-size:12px;color:var(--olive-deep);background:var(--bg-soft);padding:5px 12px;border-radius:999px}.article-hero-image{width:100%;max-width:760px;height:340px;border-radius:22px;background-size:cover;background-position:center;margin-bottom:50px;filter:saturate(.88)}.article-layout{display:grid;grid-template-columns:240px 1fr;gap:60px}.article-layout aside{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:14px}.aside-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);margin-bottom:8px}.article-layout aside a{font-size:13px;color:var(--ink-soft);line-height:1.5;transition:color .2s}.article-layout aside a:hover{color:var(--olive-deep)}.aside-tool{margin-top:30px;padding:22px;background:var(--bg-soft);border-radius:16px;display:flex;flex-direction:column;gap:6px}.aside-tool svg{color:var(--olive-deep)}.aside-tool strong{font-family:Fraunces,serif;font-size:15px}.aside-tool span{font-size:12.5px;color:var(--ink-soft)}.article-body section{margin-bottom:50px;scroll-margin-top:100px}.article-section-number{font-family:Fraunces,serif;font-size:13px;color:var(--olive);letter-spacing:.1em}.article-body h2{font-size:26px;margin:10px 0 18px;line-height:1.3}.article-body p{font-size:16px;color:var(--ink-soft);line-height:1.85;margin:0 0 18px}.article-endnote{display:flex;gap:10px;align-items:flex-start;padding:20px;background:var(--bg-soft);border-radius:14px;font-size:13px;color:var(--ink-soft);margin-top:40px}.article-endnote svg{color:var(--olive);flex-shrink:0;margin-top:2px}.related-reading{border-top:1px solid var(--line);padding-top:60px;margin-top:60px}.related-reading>div{margin-bottom:30px}.related-reading h2{font-size:28px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.article-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px}.search-box{display:flex;align-items:center;gap:10px;background:var(--bg-soft);padding:12px 18px;border-radius:999px;flex:1;max-width:360px}.search-box svg{color:var(--ink-faint)}.search-box input{border:none;background:none;outline:none;flex:1;font-size:14px;color:var(--ink)}.empty-state{padding:80px 20px;text-align:center;color:var(--ink-faint);font-size:15px}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}.category-pills button{font-size:13.5px;padding:9px 18px;border-radius:999px;background:var(--bg-soft);color:var(--ink-soft);transition:all .25s;font-weight:500}.category-pills button:hover{background:var(--bg-deep);color:var(--ink)}.category-pills button.active{background:var(--olive-deep);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a2a258c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.tool-modal{background:var(--bg);border-radius:26px;padding:40px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 40px 80px -30px #0006;animation:modalIn .35s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.modal-close{float:right;color:var(--ink-faint);transition:color .2s}.modal-close:hover{color:var(--ink)}.modal-heading{display:flex;align-items:center;gap:16px;margin:16px 0 18px}.modal-heading h2{font-size:24px;margin-top:6px}.modal-description{font-size:14.5px;color:var(--ink-soft);margin:0 0 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.number-field{display:flex;flex-direction:column;gap:8px}.number-field span{font-size:12px;color:var(--ink-soft);letter-spacing:.04em}.number-field div{display:flex;align-items:center;background:var(--bg-soft);border-radius:12px;padding:12px 16px;gap:8px}.number-field input{border:none;background:none;outline:none;flex:1;font-size:16px;color:var(--ink);width:100%}.number-field b{font-size:12px;color:var(--ink-faint);font-weight:500}.calculate-button{width:100%;justify-content:center;margin-top:24px}.result-box{margin-top:24px;padding:26px;background:var(--olive-deep);color:#fff;border-radius:18px;display:flex;flex-direction:column;gap:6px;opacity:.5;transition:opacity .3s}.result-box.show{opacity:1}.result-box span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.result-box strong{font-family:Fraunces,serif;font-size:40px;font-weight:500}.result-box strong small{font-size:16px;opacity:.7;margin-left:6px}.result-box p{font-size:13px;opacity:.75;margin:6px 0 0}.tool-page{max-width:1080px;margin:0 auto;padding:50px 28px 100px}.tool-page-head{display:flex;align-items:flex-start;gap:24px;margin:6px 0 44px}.tool-page-head .tool-icon{width:58px;height:58px;border-radius:16px}.tool-page-head .eyebrow{margin-bottom:10px}.tool-page-head h1{font-size:clamp(30px,4vw,46px);margin-bottom:14px;line-height:1.15}.tool-page-desc{font-size:16.5px;color:var(--ink-soft);max-width:620px;margin:0;line-height:1.75}.tool-calc-card{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;background:var(--bg-soft);border-radius:24px;padding:38px;margin-bottom:60px}.tool-section-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--olive);margin-bottom:14px}.tool-calc-card h2{font-size:24px;margin-bottom:24px}.tool-form{display:flex;flex-direction:column}.tool-result-panel{display:flex;flex-direction:column;gap:18px}.tool-result-panel .result-box{margin-top:0;flex:1;justify-content:center}.result-note{font-size:12.5px!important;opacity:.8!important}.field-hint{font-size:11.5px;color:var(--ink-faint)}.tips-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tips-mini li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--ink-soft)}.tips-mini svg{color:var(--olive);flex-shrink:0;margin-top:3px}.tool-section{border-top:1px solid var(--line);padding-top:56px;margin-top:56px}.tool-section h2{font-size:28px;margin-bottom:22px}.intro-copy p{font-size:16px;color:var(--ink-soft);line-height:1.85;margin:0 0 16px;max-width:760px}.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-step{background:var(--bg-soft);border-radius:18px;padding:26px}.guide-step-num{font-family:Fraunces,serif;font-size:26px;color:var(--olive);letter-spacing:.06em}.guide-step strong{display:block;font-family:Fraunces,serif;font-size:16px;font-weight:500;margin-top:10px}.guide-step p{font-size:13.5px;color:var(--ink-soft);margin:8px 0 0;line-height:1.7}.formula-box{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--olive-deep);color:#fff;border-radius:18px;padding:28px 32px;margin-bottom:18px}.formula-mark{font-family:Fraunces,serif;font-size:34px;font-style:italic;opacity:.55;line-height:1}.formula-box code{font-family:Noto Sans SC,Inter,sans-serif;font-size:18px;font-weight:500}.formula-note{font-size:13.5px;color:var(--ink-faint);margin:0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 4px;text-align:left;font-family:Fraunces,"Noto Serif SC",serif;font-size:17px;font-weight:500;color:var(--ink);transition:color .2s}.faq-question:hover{color:var(--olive-deep)}.faq-question svg{flex-shrink:0;transition:transform .3s;color:var(--ink-faint)}.faq-item.is-open .faq-question svg{transform:rotate(180deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-answer>div{overflow:hidden}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-answer p{margin:0;padding:0 4px 24px;font-size:14.5px;color:var(--ink-soft);line-height:1.8;max-width:760px}.tool-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-related button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;background:var(--bg-soft);border-radius:16px;text-align:left;transition:all .25s}.tool-related button:hover{background:var(--olive-deep);color:#fff;transform:translateY(-3px)}.tool-related strong{display:block;font-family:Fraunces,serif;font-size:15.5px;font-weight:500}.tool-related small{display:block;font-size:12px;color:var(--ink-faint);margin-top:5px;line-height:1.5}.tool-related button:hover small{color:#ffffffb3}.tool-related svg{flex-shrink:0;color:var(--ink-faint)}.tool-related button:hover svg{color:#fff}.terms-page{max-width:860px;margin:0 auto;padding:50px 28px 100px}.terms-header{margin:10px 0 56px}.terms-header h1{font-size:clamp(30px,4vw,44px);margin-bottom:20px;line-height:1.1}.terms-header h1 em{display:block;margin-top:8px;font-family:Fraunces,serif;font-size:.45em;font-style:italic;font-weight:400;color:var(--olive);letter-spacing:.04em}.terms-updated{font-size:12px;color:var(--ink-faint);letter-spacing:.08em;margin:0 0 22px}.terms-lead{font-size:16px;color:var(--ink-soft);line-height:1.9;max-width:640px;margin:0}.terms-sections{border-top:1px solid var(--line)}.terms-section{border-bottom:1px solid var(--line);padding:42px 0}.terms-section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:20px}.terms-number{font-family:Fraunces,serif;font-size:15px;color:var(--olive);letter-spacing:.1em}.terms-section h2{font-size:22px;margin:0}.terms-section p{font-size:15px;color:var(--ink-soft);line-height:1.9;margin:0 0 14px}.terms-section p:last-child{margin-bottom:0}.terms-section ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.terms-section li{position:relative;padding-left:22px;font-size:14.5px;color:var(--ink-soft);line-height:1.85}.terms-section li:before{content:"·";position:absolute;left:6px;top:0;color:var(--olive);font-weight:700}.terms-links{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.terms-links li{padding:0}.terms-links li:before{content:none}.terms-links a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--olive-deep);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .2s,border-color .2s}.terms-links a:hover{color:var(--olive);border-color:var(--olive)}.terms-links svg{flex-shrink:0}.terms-footer-note{font-size:12.5px;color:var(--ink-faint);text-align:center;margin:44px 0 0}.site-footer{background:var(--ink);color:#ffffffb3;padding:70px 28px 30px;margin-top:auto;display:grid;grid-template-columns:1fr 2fr;gap:60px}.footer-brand{display:flex;flex-direction:column;gap:14px}.footer-brand .brand-mark{background:var(--olive-soft);color:var(--ink)}.footer-brand strong{font-family:Fraunces,serif;font-size:22px;color:#fff}.footer-brand p{font-size:14px;line-height:1.6;max-width:240px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-soft);margin-bottom:6px}.footer-links button{text-align:left;font-size:14px;color:#ffffffb3;transition:color .2s}.footer-links button:hover{color:#fff}.footer-bottom{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;margin-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#ffffff80}@media (max-width: 980px){.hero-section{grid-template-columns:1fr;gap:50px;padding:50px 22px 60px}.hero-visual{max-width:460px;margin:0 auto;width:100%}.feature-section{grid-template-columns:1fr;gap:40px}.editorial-section{grid-template-columns:1fr}.editorial-image{min-height:360px}.editorial-copy{padding:50px 28px}.tool-group-grid,.article-grid,.article-grid-large{grid-template-columns:1fr}.tool-page-group{grid-template-columns:1fr;gap:30px}.article-layout{grid-template-columns:1fr}.article-layout aside{position:static;flex-direction:row;flex-wrap:wrap;gap:10px 20px;margin-bottom:20px}.aside-tool{display:none}.related-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(3,1fr);gap:20px}.section-pad{padding:60px 22px}.inner-page{padding:40px 22px 80px}.article-page{padding:30px 22px 80px}.tool-calc-card{grid-template-columns:1fr;gap:28px;padding:28px 22px}.guide-steps,.tool-related{grid-template-columns:1fr}.tool-page,.terms-page{padding:30px 22px 80px}}@media (max-width: 640px){.topbar{padding:8px 18px;font-size:11px}.topbar-right{display:none}.main-header{padding:14px 18px}.menu-trigger{display:flex}.main-nav{position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch;padding:14px 18px;gap:4px;border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .3s}.main-nav.is-open{transform:none;opacity:1;pointer-events:auto}.main-nav button{width:100%;text-align:left}.header-cta{justify-content:space-between;margin-top:8px}.hero-copy h1{font-size:42px}.hero-visual-card{left:0;bottom:-20px;padding:16px 18px}.hero-stamp{width:72px;height:72px;right:10px;top:14px}.olive-strip{flex-direction:column;gap:6px;text-align:center;padding:14px}.section-heading-row{flex-direction:column;align-items:flex-start;gap:16px}.tool-group-card{padding:26px}.article-card-art{height:140px;background-size:cover;background-position:center}.form-grid{grid-template-columns:1fr}.tool-modal{padding:28px 22px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}.article-hero-image{height:220px}.article-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}}