:root{--color-bg: #fafbfc;--color-surface: #ffffff;--color-surface-2: #f7f8fa;--color-text: #0b1220;--color-text-2: #1f2937;--color-text-muted: #6b7280;--color-text-dim: #9ca3af;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-soft: rgba(99,102,241,.08);--color-accent: #22c55e;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-input-bg: #f3f4f6;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(0,0,0,.05);--shadow-lg: 0 4px 16px -6px rgba(15,23,42,.1);--max-width: 860px;--rail-width: 160px;--frame-gap: 24px;--header-h1: 48px;--header-h2: 36px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", monospace}::selection{background:var(--color-primary);color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100vw}img,table,pre,code{max-width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}h1{font-size:1.6rem;font-weight:800;line-height:1.2;margin-bottom:.2rem}h2{font-size:1.2rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}h3{font-size:1rem;font-weight:600;margin-top:1rem;margin-bottom:.35rem}p{margin-bottom:.7rem;font-size:.93rem}ul,ol{font-size:.93rem;margin-bottom:.7rem}li{margin-bottom:.2rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.frame{display:grid;grid-template-columns:1fr;position:relative;padding:0 1rem}@media(min-width:1200px){.frame{grid-template-columns:var(--rail-width) minmax(0,var(--max-width)) var(--rail-width);justify-content:center;column-gap:var(--frame-gap);padding:0 var(--frame-gap)}}.frame>.main{grid-column:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:0}@media(min-width:1200px){.frame>.main{grid-column:2;margin:0}}.rail{display:none;position:sticky;top:calc(var(--header-h1) + var(--header-h2) + 16px);align-self:start;padding-top:16px;height:calc(100vh - var(--header-h1) - var(--header-h2) - 32px)}@media(min-width:1200px){.rail{display:block}}.rail-left{grid-column:1}.rail-right{grid-column:3}.rail-inner{width:var(--rail-width);min-height:620px;border:1px dashed var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-2);padding:.5rem;position:relative;overflow:hidden}.rail-label{position:absolute;top:6px;left:8px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);font-weight:600}.rail ins.adsbygoogle{display:block;width:160px;height:600px;margin-top:20px}.ad-inline{margin:1.5rem 0 .75rem;padding:.5rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-2);position:relative;min-height:110px}.ad-inline:before{content:"Advertisement";position:absolute;top:6px;left:10px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);font-weight:600}.ad-inline ins.adsbygoogle{display:block}@media(min-width:1200px){.ad-inline{display:none}}.site-header{background:#ffffffeb;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{max-width:1232px;margin:0 auto;padding:0 1rem;height:var(--header-h1);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-text);text-decoration:none;font-weight:800;font-size:1rem;letter-spacing:-.02em}.brand:hover{color:var(--color-primary)}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.95rem;font-weight:800;display:grid;place-items:center;font-family:Plus Jakarta Sans,sans-serif}.brand-text{white-space:nowrap}.brand-accent{background:linear-gradient(135deg,#06b6d4,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1,h2,h3,h4{font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.02em}.brand,.brand-current{font-family:Plus Jakarta Sans,sans-serif}.brand-stack{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.brand-divider{color:var(--color-text-muted);font-weight:300;font-size:1.1rem;user-select:none}.brand-current{font-weight:700;font-size:.95rem;color:var(--color-primary);letter-spacing:-.01em;white-space:nowrap}.hub-nav{display:flex;align-items:center;gap:.1rem}.hub-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-text-muted);font-size:.88rem;font-weight:500;text-decoration:none;padding:.4rem .75rem;border-radius:6px;transition:color .15s,background .15s;white-space:nowrap}.hub-link:hover{color:var(--color-text);background:var(--color-primary-soft);text-decoration:none}.hub-link.is-active{color:var(--color-text);background:var(--color-primary-soft);font-weight:600}.hub-link.home-link{color:var(--color-primary);font-weight:600}.hub-link .ext{font-size:.7rem;opacity:.75}.sub-nav{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.sub-nav-inner{max-width:1232px;margin:0 auto;padding:0 1rem;height:var(--header-h2);display:flex;align-items:center;gap:.15rem}.sub-link{color:var(--color-text-muted);font-size:.8rem;font-weight:500;padding:.35rem .8rem;border-radius:5px;text-decoration:none;transition:all .15s;position:relative}.sub-link:hover{color:var(--color-text);background:var(--color-input-bg);text-decoration:none}.sub-link.is-active{color:var(--color-primary);font-weight:600;background:var(--color-primary-soft)}@media(max-width:640px){.hub-link{padding:.35rem .5rem;font-size:.8rem}.hub-link.home-link .ext{display:inline}.brand-text{font-size:.92rem}.brand-current{font-size:.88rem}.brand-divider{font-size:1rem}.header-inner{gap:.5rem}}@media(max-width:520px){.hub-nav{gap:0}.hub-link:not(.home-link){display:none}.brand-text,.brand-divider{display:none}.brand-current{font-size:1rem;font-weight:800;color:var(--color-text)}}.breadcrumbs{font-size:.78rem;color:var(--color-text-muted);margin:.75rem 0 .5rem}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs span{margin:0 .3rem}.page-subtitle{font-size:.95rem;color:var(--color-text-muted);margin-bottom:.3rem}.page-intro{font-size:.9rem;color:var(--color-text-muted);max-width:650px;margin-bottom:1rem}.calculator-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-lg);margin-bottom:1.5rem}.calc-inputs{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.25rem}.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media(max-width:640px){.calc-results{grid-template-columns:1fr}}.slider-group{display:flex;flex-direction:column;gap:.25rem}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-header label{font-size:.82rem;font-weight:600;color:var(--color-text)}.slider-value-box{display:flex;align-items:center;gap:.1rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2rem .5rem}.slider-value-box .prefix,.slider-value-box .suffix{font-size:.78rem;color:var(--color-text-muted);font-weight:500}.value-input{border:none;background:transparent;font-size:.88rem;font-weight:600;width:90px;text-align:right;color:var(--color-primary);outline:none;font-family:var(--font-sans)}.range-slider{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:3px;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) var(--fill, 50%),var(--color-border) var(--fill, 50%),var(--color-border) 100%);outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.slider-range{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-muted)}.result-card{display:flex;flex-direction:column;gap:.5rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-input-bg);border-radius:var(--radius-sm)}.result-highlight{background:var(--color-primary);color:#fff}.result-highlight .result-label{color:#ffffffd9}.result-label{font-size:.8rem;font-weight:500}.result-value{font-size:.95rem;font-weight:700;font-family:var(--font-mono)}.chart-container{max-width:220px;margin:0 auto}.gratuity-breakdown{background:var(--color-input-bg);border-radius:var(--radius-sm);padding:.9rem;margin-top:1rem}.gratuity-breakdown h3{margin-top:0;font-size:.9rem}.gratuity-note{color:var(--color-text-muted);font-style:italic;font-size:.85rem}.content-section{max-width:700px;margin-bottom:1.25rem}.content-section h2{border-bottom:1px solid var(--color-border);padding-bottom:.3rem}.faq-section{margin:1.25rem 0}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.4rem;overflow:hidden}.faq-item summary{padding:.65rem .9rem;font-weight:600;font-size:.88rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:1rem;color:var(--color-text-muted)}.faq-item[open] summary:after{content:"−"}.faq-item[open] summary{border-bottom:1px solid var(--color-border);background:var(--color-input-bg)}.faq-answer{padding:.65rem .9rem;color:var(--color-text-muted);line-height:1.6;font-size:.88rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:.75rem 0 2rem}.related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem;transition:box-shadow .15s,border-color .15s}.related-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);text-decoration:none}.related-card h3{margin:0 0 .15rem;font-size:.9rem}.related-card p{margin:0;font-size:.78rem;color:var(--color-text-muted)}.calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.75rem;margin-top:1rem}.calc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;transition:box-shadow .15s,transform .15s}.calc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px);text-decoration:none}.calc-card h2{font-size:1rem;margin:0 0 .3rem;color:var(--color-text)}.calc-card p{font-size:.82rem;color:var(--color-text-muted);margin:0}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface-2);margin-top:2.5rem;padding:1.5rem 0 2rem;color:var(--color-text-muted)}.footer-inner{max-width:1232px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr auto;gap:.75rem 1.5rem;align-items:center}.footer-brand{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-tag{font-size:.78rem;color:var(--color-text-muted);margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem}.footer-links a{color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-fine{grid-column:1 / -1;font-size:.72rem;color:var(--color-text-dim);margin-top:.5rem;max-width:68ch;line-height:1.55}@media(max-width:640px){.footer-inner{grid-template-columns:1fr}}.affiliate-cta{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:var(--radius);padding:1rem;margin:1.25rem 0}.affiliate-cta h3{margin:0 0 .3rem;color:var(--color-text);font-size:.95rem}.affiliate-cta p{margin:0 0 .6rem;color:var(--color-text-muted);font-size:.82rem}.affiliate-cta .cta-btn{display:inline-block;background:var(--color-accent);color:#fff;padding:.45rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.82rem;text-decoration:none}.affiliate-cta .cta-btn:hover{background:#16a34a;text-decoration:none;color:#fff}.affiliate-cta .cta-disclosure{display:block;margin-top:.35rem;font-size:.7rem;color:var(--color-text-muted)}.how-to-steps{counter-reset:step;padding-left:0;list-style:none}.how-to-steps li{counter-increment:step;padding:.3rem 0 .3rem 2.2rem;position:relative;margin-bottom:.15rem;font-size:.9rem}.how-to-steps li:before{content:counter(step);position:absolute;left:0;width:1.5rem;height:1.5rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.formula-box{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem;font-family:var(--font-mono);font-size:.82rem;overflow-x:auto;margin:.6rem 0}