/* Odds of Twins Premium — design system and responsive layout */
:root{
--cot-font-family:Georgia,"Times New Roman",serif;--cot-ink:#183c37;--cot-ink-2:#2f514b;--cot-text:#243b37;--cot-muted:#526a64;--cot-cream:#f7f4ee;--cot-paper:#fffdfa;--cot-sage:#dfeae3;--cot-sage-2:#edf3ef;--cot-blush:#d98f78;--cot-blush-dark:#a45e49;--cot-line:#dbe3de;--cot-white:#fff;--cot-danger:#9f4b4b;--shadow-sm:0 8px 30px rgba(28,62,55,.07);--shadow-md:0 18px 54px rgba(28,62,55,.12);--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--container:1180px;--article:760px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4.5rem;--space-8:6rem;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cot-paper);color:var(--cot-text);font-family:var(--cot-font-family);font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--cot-ink);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--cot-blush-dark)}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.narrow-wide{width:min(calc(100% - 40px),980px)}.section-pad{padding:var(--space-8) 0}.section-pad-sm{padding:var(--space-7) 0}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;background:#fff;color:#111;padding:12px;z-index:99999}.skip-link:focus{left:16px;top:16px}.eyebrow,.question-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cot-blush-dark);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:999px;font-size:.92rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--cot-ink);color:#fff;box-shadow:0 10px 22px rgba(24,60,55,.15)}.btn-primary:hover{background:#0f2f2b;color:#fff}.btn-light{background:#fff;color:var(--cot-ink)}.btn-ghost{background:transparent;border-color:var(--cot-line);color:var(--cot-ink)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-small{min-height:40px;padding:.55rem .95rem;font-size:.84rem}.btn-block{width:100%}.text-link{font-size:.92rem;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,250,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,227,222,.85)}.header-inner{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.brand-mark{display:flex;align-items:center;gap:.75rem;font-family:var(--cot-font-family);font-size:1.18rem;font-weight:700;text-decoration:none;color:var(--cot-ink)}.brand-symbol{display:inline-flex;position:relative;width:34px;height:30px}.brand-symbol i{position:absolute;top:2px;width:21px;height:27px;border:1.7px solid currentColor;border-radius:50% 50% 44% 44%}.brand-symbol i:first-child{left:0;transform:rotate(-13deg)}.brand-symbol i:last-child{right:0;transform:rotate(13deg)}.custom-logo{max-height:54px;width:auto}.primary-nav{justify-self:center}.primary-menu,.mobile-menu,.site-footer ul{list-style:none;padding:0;margin:0}.primary-menu{display:flex;align-items:center;gap:1.65rem}.primary-menu>li{position:relative}.primary-menu a{text-decoration:none;font-size:.9rem;font-weight:700;color:var(--cot-ink-2)}.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--cot-blush-dark)}.primary-menu .sub-menu{display:none;position:absolute;top:calc(100% + 14px);left:-18px;min-width:230px;background:#fff;border:1px solid var(--cot-line);border-radius:14px;box-shadow:var(--shadow-md);padding:.65rem;list-style:none}.primary-menu .sub-menu a{display:block;padding:.65rem .75rem;border-radius:8px}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.header-actions{display:flex;align-items:center;gap:.6rem}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--cot-line);border-radius:50%;background:transparent;color:var(--cot-ink);cursor:pointer}.icon-button svg{width:20px;height:20px}.menu-toggle{display:none}.menu-close-icon{display:none}.menu-toggle[aria-expanded=true] .menu-open-icon{display:none}.menu-toggle[aria-expanded=true] .menu-close-icon{display:inline-flex}.header-search{border-top:1px solid var(--cot-line);padding:14px 0;background:var(--cot-paper)}.header-search .search-form{max-width:700px;margin:auto}.mobile-panel{padding:1rem 0 1.5rem;border-top:1px solid var(--cot-line);background:var(--cot-paper)}.mobile-menu li{border-bottom:1px solid var(--cot-line)}.mobile-menu a{display:block;padding:.8rem 0;text-decoration:none;font-weight:800}.mobile-menu .sub-menu{list-style:none;padding:0 0 .5rem 1rem}.cot-breadcrumbs{background:var(--cot-sage-2);font-size:.78rem;color:var(--cot-muted)}.cot-breadcrumbs .container{display:flex;align-items:center;gap:.55rem;white-space:nowrap;overflow:hidden;padding-top:.6rem;padding-bottom:.6rem}.cot-breadcrumbs a{text-decoration:none;color:var(--cot-ink-2)}.cot-breadcrumbs span[aria-current=page]{overflow:hidden;text-overflow:ellipsis}.hero-section{overflow:hidden;background:linear-gradient(135deg,var(--cot-cream),#fff 58%,var(--cot-sage-2));border-bottom:1px solid var(--cot-line)}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;gap:4rem;align-items:center}.hero-copy h1,.archive-hero h1,.article-header h1,.page-header h1,.error-card h1{font-family:var(--cot-font-family);color:var(--cot-ink);font-weight:500;letter-spacing:-.035em;line-height:1.06}.hero-copy h1{font-size:clamp(3.2rem,6vw,5.6rem);max-width:800px;margin:.55rem 0 1.25rem}.hero-lead{font-size:1.16rem;line-height:1.7;color:var(--cot-ink-2);max-width:650px}.hero-actions{display:flex;align-items:center;gap:1.4rem;margin-top:1.8rem}.hero-trust{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem;color:var(--cot-muted);font-size:.83rem}.hero-trust span{display:inline-flex;align-items:center;gap:.42rem}.hero-trust svg{width:17px;height:17px;color:var(--cot-blush-dark)}.hero-visual{position:relative;min-height:490px}.orbit{position:absolute;border:1px solid rgba(24,60,55,.12);border-radius:50%}.orbit-one{width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:540px;height:540px;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-center-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:var(--cot-ink);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.hero-center-mark i{width:57px;height:86px;border:2px solid #fff;border-radius:50%;margin:-7px;transform:rotate(-10deg)}.hero-center-mark i:last-child{transform:rotate(10deg)}.twin-card{position:absolute;background:rgba(255,255,255,.92);border:1px solid var(--cot-line);border-radius:16px;box-shadow:var(--shadow-sm);padding:1rem 1.1rem;min-width:190px;backdrop-filter:blur(8px)}.twin-card span{display:block;color:var(--cot-blush-dark);font-size:.72rem;font-weight:900;letter-spacing:.14em;margin-bottom:.35rem}.twin-card strong{font-family:var(--cot-font-family);color:var(--cot-ink);font-size:1rem}.twin-card-a{left:2%;top:14%}.twin-card-b{right:0;top:27%}.twin-card-c{left:8%;bottom:13%}.calculator-section{background:var(--cot-paper)}.cot-calculator{background:#fff;border:1px solid var(--cot-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.calculator-head{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;padding:2rem 2.2rem;background:var(--cot-cream);border-bottom:1px solid var(--cot-line)}.calculator-head h2{font-family:var(--cot-font-family);color:var(--cot-ink);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.025em;margin:.35rem 0 0}.privacy-chip{display:inline-flex;align-items:center;gap:.5rem;color:var(--cot-ink-2);font-size:.8rem;font-weight:700;background:var(--cot-sage);border-radius:999px;padding:.55rem .75rem}.privacy-chip svg{width:16px;height:16px}.calculator-shell{padding:2.1rem 2.2rem}.calculator-progress{height:5px;background:var(--cot-sage-2);border-radius:99px;overflow:hidden}.calculator-progress span{display:block;height:100%;width:0;background:var(--cot-blush);transition:width .3s ease}.calculator-step{min-height:370px;display:flex;align-items:center}.calculator-question,.calculator-result{width:100%;padding:2rem 0}.calculator-question h3{font-family:var(--cot-font-family);color:var(--cot-ink);font-size:clamp(2rem,4vw,3.1rem);font-weight:500;line-height:1.12;letter-spacing:-.03em;margin:.45rem 0 .7rem;max-width:760px}.calculator-question>p{margin:0 0 1.7rem;color:var(--cot-muted);max-width:680px}.calculator-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.calculator-option{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--cot-line);background:#fff;border-radius:14px;padding:1rem 1.1rem;color:var(--cot-ink);font-weight:800;cursor:pointer;transition:.2s ease}.calculator-option:hover,.calculator-option:focus-visible{border-color:var(--cot-ink);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.calculator-option i{width:19px;height:19px;border:1.5px solid #9db0aa;border-radius:50%;position:relative}.calculator-option:hover i:after{content:"";position:absolute;inset:4px;background:var(--cot-blush);border-radius:50%}.calculator-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cot-line);padding-top:1rem}.calculator-count{font-size:.8rem;font-weight:800;color:var(--cot-muted)}.calculator-note{margin:0;padding:0 2.2rem 1.7rem;color:var(--cot-muted);font-size:.78rem}.result-range{display:flex;align-items:baseline;gap:1rem;margin:1rem 0}.result-range strong{font-family:var(--cot-font-family);font-size:clamp(3.6rem,8vw,6.2rem);font-weight:500;color:var(--cot-ink);letter-spacing:-.05em}.result-range span{color:var(--cot-muted)}.result-range-text strong{font-size:clamp(2.6rem,7vw,4.5rem)}.calculator-inline-warning{font-size:.78rem;color:var(--cot-muted);max-width:700px;margin:0 0 1.25rem}.result-equivalent{font-size:1rem;color:var(--cot-ink-2)}.result-classification{display:inline-flex;margin:1rem 0;background:var(--cot-sage);border-radius:999px;padding:.55rem .8rem;font-size:.82rem;font-weight:800}.result-factors{border-top:1px solid var(--cot-line);margin:1rem 0 1.5rem;padding-top:1rem}.result-factors>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--cot-muted)}.result-factors ul{margin:.7rem 0 0;padding-left:1.2rem}.category-section{background:var(--cot-cream);border-block:1px solid var(--cot-line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2,.trust-cta h2{font-family:var(--cot-font-family);color:var(--cot-ink);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:.35rem 0 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.category-card{display:grid;grid-template-columns:auto 1fr auto;gap:1.1rem;align-items:start;background:var(--cot-paper);border:1px solid var(--cot-line);border-radius:16px;padding:1.4rem;text-decoration:none;min-height:160px;transition:.2s ease}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#bbc9c2}.category-index{font-size:.72rem;color:var(--cot-blush-dark);font-weight:900;letter-spacing:.1em}.category-card h3{font-family:var(--cot-font-family);color:var(--cot-ink);font-size:1.25rem;line-height:1.22;margin:0 0 .5rem}.category-card p{font-size:.85rem;line-height:1.55;color:var(--cot-muted);margin:0}.category-arrow svg{width:20px;height:20px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.post-card{background:#fff;border:1px solid var(--cot-line);border-radius:16px;overflow:hidden;transition:.2s ease}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.post-card-media{display:block;aspect-ratio:16/10;background:var(--cot-sage-2);overflow:hidden}.post-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card:hover .post-card-media img{transform:scale(1.025)}.post-card-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cot-sage),var(--cot-cream))}.post-card-placeholder i{width:50px;height:75px;border:1.5px solid var(--cot-ink-2);border-radius:50%;margin:-6px;transform:rotate(-10deg);opacity:.55}.post-card-placeholder i:last-child{transform:rotate(10deg)}.post-card-body{padding:1.25rem}.post-category{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.69rem;font-weight:900;color:var(--cot-blush-dark);margin-bottom:.55rem}.post-card-title{font-family:var(--cot-font-family);font-size:1.35rem;line-height:1.22;margin:0 0 .7rem;font-weight:500}.post-card-title a{text-decoration:none;color:var(--cot-ink)}.post-card-body>p{color:var(--cot-muted);font-size:.88rem;line-height:1.58;margin:.6rem 0 1rem}.post-card-meta{display:flex;justify-content:space-between;color:var(--cot-muted);font-size:.72rem;font-weight:700;border-top:1px solid var(--cot-line);padding-top:.8rem}.trust-cta-card{background:var(--cot-ink);color:#fff;border-radius:var(--radius-lg);padding:2.5rem;display:flex;justify-content:space-between;align-items:end;gap:3rem}.trust-cta-card h2{color:#fff;max-width:800px}.trust-cta-card .eyebrow{color:#efb4a2}.archive-hero,.page-header{background:var(--cot-cream);border-bottom:1px solid var(--cot-line);padding:4.5rem 0 3.5rem}.archive-hero h1,.page-header h1{font-size:clamp(3rem,6vw,5rem);margin:.4rem 0 .8rem;max-width:900px}.archive-hero p,.archive-description,.page-header p{color:var(--cot-muted);max-width:740px}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start}.post-grid-archive{grid-template-columns:repeat(2,1fr)}.sidebar{position:sticky;top:110px}.cot-widget{background:var(--cot-cream);border:1px solid var(--cot-line);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.cot-widget .widget-title,.cot-widget h2{font-family:var(--cot-font-family);color:var(--cot-ink);font-size:1.2rem;font-weight:500;margin:0 0 1rem}.cot-widget ul{list-style:none;padding:0;margin:0}.cot-widget li+li{border-top:1px solid var(--cot-line)}.cot-widget li a{display:block;padding:.7rem 0;text-decoration:none;font-size:.84rem;font-weight:750}.sidebar-calculator{background:var(--cot-ink);color:#fff}.sidebar-calculator h2{color:#fff;margin-top:.35rem}.sidebar-calculator p{font-size:.84rem;color:#d9e5e1}.search-form{display:flex;position:relative}.search-form label{width:100%}.search-field{width:100%;height:48px;border:1px solid var(--cot-line);border-radius:999px;padding:0 52px 0 17px;background:#fff;color:var(--cot-text);outline:none}.search-field:focus{border-color:var(--cot-ink);box-shadow:0 0 0 3px rgba(24,60,55,.08)}.search-submit{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;border-radius:50%;background:var(--cot-ink);color:#fff;display:grid;place-items:center;cursor:pointer}.search-submit svg{width:17px;height:17px}.navigation.pagination{margin-top:2.5rem}.nav-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--cot-line);border-radius:50%;text-decoration:none;font-size:.82rem;font-weight:800}.page-numbers.current{background:var(--cot-ink);color:#fff;border-color:var(--cot-ink)}.page-main{padding-bottom:var(--space-7)}.page-content-grid{padding-top:3.5rem;padding-bottom:3.5rem}.prose-page{padding-top:3.5rem;padding-bottom:4rem}.clean-page-content,.editorial-page-content{width:100%;max-width:900px;margin-left:0;margin-right:auto}.article-header{padding:4.7rem 0 2.4rem;max-width:970px}.article-header h1{font-size:clamp(3rem,6vw,5.3rem);margin:.45rem 0 1.25rem}.article-meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--cot-muted);font-size:.8rem;font-weight:700}.article-meta span+span:before{content:"•";margin-right:1rem;color:#b7c2bd}.article-featured{max-width:1100px;margin-bottom:3rem}.article-featured img{width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:var(--radius-md)}.article-layout{display:grid;grid-template-columns:210px minmax(0,var(--article));gap:4rem;justify-content:center;align-items:start}.article-layout-no-sidebar{display:block;max-width:var(--article)}.article-rail-sticky{position:sticky;top:115px;border-top:1px solid var(--cot-line);padding-top:1rem}.rail-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--cot-muted)}.toc{display:grid;gap:.25rem;margin-top:.65rem}.toc a{font-size:.76rem;line-height:1.35;text-decoration:none;padding:.35rem 0;color:var(--cot-muted)}.toc a:hover{color:var(--cot-ink)}.prose{font-size:1.02rem;line-height:1.82;color:#253d39}.prose>*:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--cot-font-family);color:var(--cot-ink);font-weight:500;letter-spacing:-.02em;line-height:1.18}.prose h2{font-size:clamp(2rem,4vw,2.8rem);margin:2.8rem 0 1rem}.prose h3{font-size:1.55rem;margin:2.1rem 0 .8rem}.prose h4{font-size:1.2rem;margin:1.7rem 0 .6rem}.prose p{margin:0 0 1.25rem}.prose a{text-decoration-color:#c3b0a7}.prose ul,.prose ol{margin:0 0 1.5rem;padding-left:1.35rem}.prose li{padding-left:.3rem;margin:.35rem 0}.prose blockquote{margin:2rem 0;padding:1.2rem 1.4rem;border-left:3px solid var(--cot-blush);background:var(--cot-cream);font-family:var(--cot-font-family);font-size:1.25rem;color:var(--cot-ink)}.prose table{border-collapse:separate;border-spacing:0;width:100%;margin:1.8rem 0;border:1px solid var(--cot-line);border-radius:12px;overflow:hidden;font-size:.88rem;line-height:1.5}.prose th{background:var(--cot-ink);color:#fff;text-align:left;font-size:.78rem;letter-spacing:.02em}.prose th,.prose td{padding:.85rem .9rem;border-bottom:1px solid var(--cot-line);vertical-align:top}.prose tr:last-child td{border-bottom:0}.prose tbody tr:nth-child(even){background:var(--cot-sage-2)}.prose img{border-radius:12px}.prose .wp-block-button__link{background:var(--cot-ink);border-radius:999px}.prose .wp-block-separator{border:0;border-top:1px solid var(--cot-line);margin:2.2rem 0}.prose .alignwide{width:min(1000px,calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)}.prose .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.article-end-note{margin:3rem 0;padding:1.3rem 1.4rem;border-radius:14px;background:var(--cot-sage-2);border:1px solid var(--cot-line)}.article-end-note strong{font-family:var(--cot-font-family);color:var(--cot-ink);font-size:1.1rem}.article-end-note p{font-size:.86rem;color:var(--cot-muted);margin:.4rem 0 0}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-list a{padding:.45rem .7rem;border:1px solid var(--cot-line);border-radius:999px;text-decoration:none;font-size:.73rem;font-weight:800}.post-navigation-card{max-width:980px;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--cot-line)}.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.post-navigation a{display:block;text-decoration:none;background:var(--cot-cream);border:1px solid var(--cot-line);border-radius:14px;padding:1rem 1.2rem;font-family:var(--cot-font-family)}.post-navigation .nav-next{text-align:right}.post-navigation a span{display:block;font-family:var(--cot-font-family);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cot-muted);margin-bottom:.25rem}.comments-area{padding-top:4rem;padding-bottom:4rem}.comments-title,.comment-reply-title{font-family:var(--cot-font-family);color:var(--cot-ink);font-weight:500}.comment-list{list-style:none;padding:0}.comment-body{border-top:1px solid var(--cot-line);padding:1.2rem 0}.comment-meta{font-size:.78rem}.comment-content{font-size:.9rem}.comment-form label{display:block;font-size:.75rem;font-weight:800;margin-bottom:.3rem}.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;border:1px solid var(--cot-line);border-radius:10px;padding:.75rem;background:#fff}.comment-form .submit{border:0;background:var(--cot-ink);color:#fff;border-radius:999px;padding:.75rem 1.2rem;font-weight:800;cursor:pointer}.error-page{padding:6rem 0}.error-card{max-width:760px;text-align:center}.error-number{display:block;font-family:var(--cot-font-family);font-size:8rem;line-height:1;color:var(--cot-sage);font-weight:700}.error-card h1{font-size:clamp(2.5rem,5vw,4rem)}.error-card .search-form{max-width:520px;margin:2rem auto}.error-actions{display:flex;align-items:center;justify-content:center;gap:1.2rem}.site-footer{background:#102d29;color:#d8e5e1;margin-top:4rem}.footer-main{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:3rem;padding-top:4rem;padding-bottom:3rem}.brand-mark-light{color:#fff}.footer-brand p{max-width:380px;color:#aabdb7;font-size:.9rem}.footer-socials{display:flex;gap:1rem}.footer-socials a{color:#fff;font-size:.8rem;font-weight:800}.footer-nav-group h2,.footer-widget-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#91aaa3;margin:0 0 1rem;font-family:inherit}.footer-nav-group a{color:#e4eeeb;text-decoration:none;font-size:.84rem}.footer-nav-group li+li{margin-top:.55rem}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding-top:1.2rem;padding-bottom:1.4rem;border-top:1px solid rgba(255,255,255,.11);font-size:.72rem;color:#91aaa3}.back-to-top{color:#d8e5e1;text-decoration:none;font-weight:800}.home-prose{margin:auto}.home-editorial{border-top:1px solid var(--cot-line)}.empty-state{max-width:600px;padding:2rem 0}.empty-state h2{font-family:var(--cot-font-family);color:var(--cot-ink);font-weight:500}.empty-state .search-form{margin-top:1.5rem}
@media (max-width:1100px){.primary-nav{display:none}.header-cta{display:none}.hero-grid{grid-template-columns:1fr .8fr;gap:2rem}.hero-visual{transform:scale(.87)}.category-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,var(--article));}.article-rail{display:none}.footer-main{grid-template-columns:1.5fr 1fr 1fr}}
@media (max-width:820px){body{font-size:16px}.container{width:min(calc(100% - 28px),var(--container))}.section-pad{padding:4.5rem 0}.section-pad-sm{padding:3.5rem 0}.header-inner{height:68px;gap:1rem}.hero-grid{min-height:auto;grid-template-columns:1fr;padding-top:4rem;padding-bottom:3.5rem}.hero-copy h1{font-size:clamp(3rem,13vw,4.6rem)}.hero-visual{min-height:330px;transform:none}.orbit-one{width:260px;height:260px}.orbit-two{width:360px;height:360px}.hero-center-mark{width:105px;height:105px}.hero-center-mark i{width:39px;height:60px}.twin-card{min-width:150px;padding:.75rem}.twin-card strong{font-size:.85rem}.calculator-head{align-items:flex-start;flex-direction:column;padding:1.5rem}.calculator-shell{padding:1.5rem}.calculator-note{padding:0 1.5rem 1.5rem}.calculator-step{min-height:390px}.calculator-options{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.category-card{min-height:auto}.post-grid,.post-grid-archive{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.trust-cta-card{align-items:flex-start;flex-direction:column;padding:1.8rem}.content-with-sidebar{grid-template-columns:1fr}.sidebar{position:static}.page-content-grid{padding-top:2rem}.article-header{padding-top:3.2rem}.article-header h1{font-size:clamp(2.7rem,11vw,4.1rem)}.article-featured{width:100%;}.article-featured img{border-radius:0;aspect-ratio:16/10}.prose{font-size:1rem}.prose table{display:block;overflow-x:auto;white-space:normal}.post-navigation .nav-links{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.archive-hero,.page-header{padding:3.5rem 0 2.7rem}}
@media (max-width:520px){.brand-mark{font-size:1.02rem}.brand-symbol{transform:scale(.9);transform-origin:left center}.hero-actions{align-items:flex-start;flex-direction:column}.hero-trust{display:grid}.hero-visual{min-height:280px}.twin-card-b{right:-8%}.twin-card-c{left:0}.calculator-head h2{font-size:1.8rem}.calculator-question h3{font-size:2rem}.result-range{display:block}.result-range strong{display:block}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.error-actions{flex-direction:column}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v1.3.0 — mobile and editorial table refinements */
.table-scroll,.prose .wp-block-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.8rem 0;border:1px solid var(--cot-line);border-radius:12px;background:#fff;box-shadow:0 4px 18px rgba(28,62,55,.035);scrollbar-width:thin;scrollbar-color:#afbeb8 transparent}
.table-scroll table,.prose .wp-block-table table{margin:0;border:0;border-radius:0;min-width:620px;width:100%;overflow:visible}
.table-scroll:focus-visible,.prose .wp-block-table:focus-visible{outline:3px solid rgba(24,60,55,.18);outline-offset:3px}
.prose table{table-layout:auto;word-break:normal;overflow-wrap:normal}
.prose th,.prose td{min-width:110px;word-break:normal;overflow-wrap:break-word;hyphens:auto}
.prose th:first-child,.prose td:first-child{min-width:150px}
.prose th p,.prose td p{margin:0}
.prose th p+p,.prose td p+p{margin-top:.6rem}
.prose .wp-block-table figcaption{padding:.65rem .8rem;margin:0;color:var(--cot-muted);font-size:.75rem;line-height:1.45;background:var(--cot-cream);border-top:1px solid var(--cot-line)}

@media (max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  .container{width:min(calc(100% - 32px),var(--container))}
  .section-pad{padding:3.75rem 0}.section-pad-sm{padding:3rem 0}
  .header-inner{height:64px}.custom-logo{max-height:44px;max-width:190px}.header-actions{gap:.4rem}.icon-button{width:40px;height:40px}
  .mobile-menu a{padding:.9rem 0}.mobile-menu .sub-menu{padding-left:.85rem}
  .hero-grid{padding-top:3.25rem;padding-bottom:2.75rem;gap:1.5rem}.hero-copy h1{font-size:clamp(2.55rem,11vw,4rem);line-height:1.02;margin:.45rem 0 1rem}.hero-lead{font-size:1.02rem;line-height:1.62}.hero-actions{gap:1rem}.hero-actions .btn{min-height:46px}.hero-trust{margin-top:1.5rem;gap:.7rem 1rem;line-height:1.35}
  .hero-visual{min-height:250px;margin-top:.2rem}.orbit-one{width:220px;height:220px}.orbit-two{width:300px;height:300px}.hero-center-mark{width:92px;height:92px}.hero-center-mark i{width:34px;height:53px}.twin-card{min-width:136px;max-width:155px;padding:.68rem .72rem;border-radius:13px}.twin-card span{font-size:.62rem}.twin-card strong{font-size:.78rem;line-height:1.25}.twin-card-a{left:0;top:10%}.twin-card-b{right:0;top:30%}.twin-card-c{left:3%;bottom:7%}
  .calculator-section.section-pad{padding:2.75rem 0 3.4rem}.calculator-section .container{width:min(calc(100% - 24px),var(--container))}
  .article-header{padding-top:2.7rem;padding-bottom:1.55rem}.article-header h1{font-size:clamp(2.25rem,9vw,3.6rem);line-height:1.08;margin:.4rem 0 1rem}.article-meta{gap:.55rem .8rem;font-size:.76rem}.article-meta span+span:before{margin-right:.8rem}
  .article-featured{margin-bottom:2rem}.article-featured img{aspect-ratio:16/10}
  .article-layout{display:block;width:min(calc(100% - 32px),var(--article));padding:0}.article-content-wrap{min-width:0;width:100%}.prose{font-size:1rem;line-height:1.76}.prose h2{font-size:clamp(1.75rem,7.4vw,2.35rem);margin:2.35rem 0 .85rem}.prose h3{font-size:1.35rem;line-height:1.25;margin:1.85rem 0 .7rem}.prose h4{font-size:1.12rem}.prose p{margin-bottom:1.1rem}.prose ul,.prose ol{padding-left:1.2rem}.prose blockquote{margin:1.6rem 0;padding:1rem 1.05rem;font-size:1.08rem}
  .prose table{display:table;overflow:visible;white-space:normal;margin:0;font-size:.84rem;line-height:1.42}.prose th,.prose td{padding:.72rem .75rem;min-width:105px}.prose th:first-child,.prose td:first-child{min-width:140px}
  .table-scroll,.prose .wp-block-table{margin:1.45rem calc((100vw - 100% - 32px)/-2);width:calc(100vw - 16px);max-width:calc(100vw - 16px);border-radius:10px}.table-scroll table,.prose .wp-block-table table{min-width:600px}
  .table-scroll::after,.prose .wp-block-table::after{content:"Swipe to view more →";display:block;position:sticky;left:0;width:max-content;padding:.38rem .65rem;color:var(--cot-muted);font-size:.68rem;font-weight:700;letter-spacing:.02em;background:var(--cot-cream);border-top:1px solid var(--cot-line)}
  .prose .alignwide,.prose .alignfull{width:100%;max-width:100%;margin-left:0;transform:none}
  .article-end-note{margin:2.2rem 0;padding:1.1rem}.post-navigation-card{margin-top:2.8rem}.comments-area{padding-top:2.8rem;padding-bottom:3rem}
  .category-section .section-heading,.latest-posts-section .section-heading{gap:.8rem}.section-heading h2{line-height:1.08}.category-card,.post-card{border-radius:14px}.post-card-body{padding:1.1rem}.post-card-title{line-height:1.2}
  .cot-home-seo .cot-section{padding-left:16px;padding-right:16px}.cot-home-seo .cot-section h2{font-size:clamp(1.65rem,7vw,2.1rem);line-height:1.2}.cot-home-seo .cot-factor-grid{gap:10px}.cot-home-seo .cot-factor-card{padding:14px}.cot-home-seo .cot-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.cot-home-seo .cot-stat-card{padding:14px 10px}
  .footer-main{padding-top:3rem;padding-bottom:2.4rem}.site-footer{margin-top:3rem}
}

@media (max-width:520px){
  .container{width:min(calc(100% - 24px),var(--container))}.section-pad{padding:3.1rem 0}.section-pad-sm{padding:2.6rem 0}
  .brand-mark{max-width:190px}.brand-mark>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-toggle{display:none}
  .hero-grid{padding-top:2.7rem;padding-bottom:2.2rem}.hero-copy h1{font-size:clamp(2.35rem,11.5vw,3.35rem)}.hero-lead{font-size:.98rem}.eyebrow{font-size:.68rem;letter-spacing:.1em}.hero-actions{width:100%}.hero-actions .btn{width:100%}.hero-actions .text-link{align-self:center}.hero-trust{font-size:.76rem}.hero-visual{min-height:220px}.orbit-two{width:270px;height:270px}.orbit-one{width:195px;height:195px}.twin-card{min-width:124px;max-width:140px}.twin-card-b{right:-2%}
  .calculator-section .container{width:min(calc(100% - 16px),var(--container))}
  .article-header{padding-top:2.25rem}.article-header h1{font-size:clamp(2rem,10vw,3rem)}.article-layout{width:min(calc(100% - 24px),var(--article))}.prose{font-size:.98rem;line-height:1.72}.prose h2{font-size:clamp(1.6rem,7.8vw,2rem)}.prose h3{font-size:1.25rem}.prose blockquote{font-size:1.02rem}
  .table-scroll,.prose .wp-block-table{margin-left:calc((100vw - 100% - 12px)/-2);width:calc(100vw - 12px);max-width:calc(100vw - 12px)}.table-scroll table,.prose .wp-block-table table{min-width:560px}.prose th,.prose td{padding:.65rem .68rem;font-size:.8rem}.prose th:first-child,.prose td:first-child{min-width:130px}
  .cot-home-seo .cot-section{padding:34px 12px}.cot-home-seo .cot-steps li{padding:14px 14px 14px 48px}.cot-home-seo .cot-steps li::before{left:13px;top:14px}.cot-home-seo .cot-factor-grid{grid-template-columns:1fr}.cot-home-seo .cot-stat-grid{grid-template-columns:1fr 1fr}.cot-home-seo .cot-stat-number{font-size:1.4rem}.cot-home-seo .cot-faq-item{padding:3px 14px}
  .footer-main{grid-template-columns:1fr;gap:1.6rem}.footer-bottom{gap:.65rem}
}

@media (max-width:380px){
  .hero-visual{display:none}.hero-grid{padding-bottom:2.8rem}.hero-copy h1{font-size:2.2rem}.cot-home-seo .cot-stat-grid{grid-template-columns:1fr}.table-scroll table,.prose .wp-block-table table{min-width:520px}
}

/* v1.4.0 — comprehensive responsive/UI/UX refinement */
:root{--cot-header-height:78px}
html{scroll-padding-top:calc(var(--cot-header-height) + 22px)}
.prose h2,.prose h3,.prose h4{scroll-margin-top:calc(var(--cot-header-height) + 22px)}
.hero-copy h1,.archive-hero h1,.article-header h1,.page-header h1,.section-heading h2,.cot-home-seo .cot-section h2{text-wrap:balance;overflow-wrap:anywhere}

/* Strong, consistent keyboard feedback without changing mouse/touch presentation. */
a:focus-visible,.btn:focus-visible,.icon-button:focus-visible,.search-submit:focus-visible,.comment-form .submit:focus-visible,.back-to-top:focus-visible,.page-numbers:focus-visible,.submenu-toggle:focus-visible{outline:3px solid rgba(183,111,89,.45);outline-offset:3px}

/* Desktop navigation clarity. */
.primary-menu>.menu-item-has-children>a{display:inline-flex;align-items:center;gap:.35rem}
.primary-menu>.menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.primary-menu .sub-menu{margin-top:-4px}
.primary-menu .sub-menu a{min-height:40px;display:flex;align-items:center}

/* Header transient surfaces. */
.header-search{box-shadow:0 14px 30px rgba(28,62,55,.06)}
body.menu-open{overflow:hidden}
.mobile-backdrop{background:rgba(16,45,41,.28);backdrop-filter:blur(2px)}
.mobile-panel-intro,.mobile-search,.mobile-panel-cta,.mobile-nav{display:none}
.menu-toggle-label{display:none;font-size:.82rem;font-weight:800;line-height:1}

/* Archive/sidebar controls. */
.sidebar-calculator .btn{background:#fff;color:var(--cot-ink);box-shadow:none}
.sidebar-calculator .btn:hover{background:var(--cot-sage-2);color:var(--cot-ink)}
.page-numbers.prev,.page-numbers.next{width:auto;min-width:44px;padding:0 .9rem;border-radius:999px;white-space:nowrap}

/* Cards scan better when excerpts vary wildly in length. */
.post-card-body>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Article overflow resilience. */
.prose pre{max-width:100%;overflow:auto;padding:1rem;border-radius:12px;background:#f2f4f2;font-size:.86rem;line-height:1.55}
.prose code{overflow-wrap:anywhere}
.prose iframe,.prose video{max-width:100%}
.prose a{overflow-wrap:anywhere}
.mobile-toc{display:none}

/* Tables: preserve readable column geometry and scroll only when needed. */
.table-scroll,.prose .wp-block-table{position:relative;isolation:isolate}
.table-scroll table,.prose .wp-block-table table{min-width:640px}
.table-scroll.is-scrollable::after,.prose .wp-block-table.is-scrollable::after{content:"Swipe to view more →";display:block;position:sticky;left:0;width:max-content;padding:.42rem .7rem;color:var(--cot-muted);font-size:.7rem;font-weight:800;letter-spacing:.01em;background:var(--cot-cream);border-top:1px solid var(--cot-line)}
.table-scroll:not(.is-scrollable)::after,.prose .wp-block-table:not(.is-scrollable)::after{display:none!important}
.prose th,.prose td{max-width:360px}
.prose td a{word-break:break-word}

/* FAQ controls should keep the disclosure icon clear of long questions. */
.cot-home-seo .cot-faq-item summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}
.cot-home-seo .cot-faq-item summary::after{float:none;min-width:22px;text-align:center;font-size:1.2rem}
.cot-home-seo .cot-sources a{overflow-wrap:anywhere}

/* Touch devices should not jump cards/buttons on tap because of hover transforms. */
@media (hover:none){
  .btn:hover,.category-card:hover,.post-card:hover,.calculator-option:hover{transform:none}
  .post-card:hover .post-card-media img{transform:none}
}

@media (max-width:1100px){
  :root{--cot-header-height:72px}
  .site-header{backdrop-filter:blur(10px)}
  .header-inner{height:var(--cot-header-height);gap:1rem}
  .site-branding{min-width:0}
  .custom-logo-link{display:flex;align-items:center;min-width:0}
  .custom-logo{max-width:min(210px,38vw);height:auto}
  .brand-mark{min-width:0}
  .header-actions{margin-left:auto}
  
  
  
  
  

  
  
  
  
  .mobile-menu-kicker{display:block;color:var(--cot-blush-dark);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.22rem}
  
  
  
  
  .mobile-menu{width:100%}
  .mobile-menu>li{position:relative;border-bottom:1px solid var(--cot-line)}
  .mobile-menu li{position:relative}
  .mobile-menu a{display:flex;align-items:center;min-height:52px;padding:.78rem 3.25rem .78rem 0;color:var(--cot-ink);font-size:.98rem;line-height:1.3;font-weight:800;text-decoration:none}
  .mobile-menu>li>a:hover,.mobile-menu>li.current-menu-item>a,.mobile-menu>li.current-menu-ancestor>a{color:var(--cot-blush-dark)}
  .mobile-menu .sub-menu{margin:0 0 .65rem;padding:.35rem .8rem .45rem;background:var(--cot-sage-2);border:1px solid var(--cot-line);border-radius:12px;list-style:none}
  .mobile-menu .sub-menu li{border:0}
  .mobile-menu .sub-menu a{min-height:44px;padding:.55rem 2.7rem .55rem .15rem;font-size:.88rem;font-weight:700;color:var(--cot-ink-2)}
  .mobile-menu .sub-menu .sub-menu{margin-left:.5rem;background:#fff}
  .mobile-menu .sub-menu[hidden]{display:none!important}
  
  
  
  
  
  
  
  

  /* Do not hide legitimate footer navigation just because the viewport is tablet-sized. */
  .footer-main>.footer-nav-group:last-child{display:block}
}

@media (min-width:1101px){
  
}

@media (max-width:820px){
  :root{--cot-header-height:64px}
  body{line-height:1.66}
  .section-pad{padding:3.3rem 0}.section-pad-sm{padding:2.7rem 0}
  .header-inner{height:var(--cot-header-height)}
  .custom-logo{max-height:42px;max-width:min(190px,43vw)}
  .cot-breadcrumbs{font-size:.72rem}
  .cot-breadcrumbs .container{padding-top:.5rem;padding-bottom:.5rem}

  .hero-grid{padding-top:2.8rem;padding-bottom:2.5rem;gap:1.25rem}
  .hero-copy h1{font-size:clamp(2.45rem,10vw,3.7rem);line-height:1.04}
  .hero-lead{max-width:580px}
  .hero-actions{margin-top:1.45rem}
  .hero-trust{margin-top:1.25rem}

  .calculator-section.section-pad{padding:2.35rem 0 3rem}

  .section-heading{margin-bottom:1.45rem}
  .section-heading h2{font-size:clamp(2rem,8vw,2.8rem)}
  .category-grid,.post-grid,.post-grid-archive{gap:1rem}

  .archive-hero,.page-header{padding:2.8rem 0 2.25rem}
  .archive-hero h1,.page-header h1{font-size:clamp(2.4rem,9vw,3.5rem);line-height:1.06}
  .content-with-sidebar{gap:2.4rem}
  .sidebar{margin-top:.25rem}

  .article-header{padding-top:2.45rem;padding-bottom:1.45rem}
  .article-header h1{font-size:clamp(2.2rem,8.8vw,3.45rem);line-height:1.07}
  .article-meta{gap:.45rem .8rem}
  .article-meta span+span:before{display:none}
  .article-featured{width:min(calc(100% - 24px),1100px);margin-inline:auto;margin-bottom:1.8rem}
  .article-featured img{border-radius:14px;aspect-ratio:16/10}
  .article-layout{width:min(calc(100% - 28px),var(--article))}
  .mobile-toc{display:block;margin:0 0 1.7rem;border:1px solid var(--cot-line);border-radius:14px;background:var(--cot-cream);overflow:hidden}
  .mobile-toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:50px;padding:.8rem 1rem;color:var(--cot-ink);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
  .mobile-toc summary::-webkit-details-marker{display:none}
  .mobile-toc-icon{width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
  .mobile-toc[open] .mobile-toc-icon{transform:rotate(225deg) translateY(-1px)}
  .mobile-toc-list{display:grid;padding:.1rem 1rem .9rem;border-top:1px solid var(--cot-line)}
  .mobile-toc-list a{padding:.55rem 0;border-bottom:1px solid rgba(219,227,222,.8);color:var(--cot-ink-2);font-size:.84rem;line-height:1.35;text-decoration:none}
  .mobile-toc-list a:last-child{border-bottom:0}

  .prose{font-size:1rem;line-height:1.74}
  .prose h2{font-size:clamp(1.72rem,7vw,2.25rem);margin:2.25rem 0 .8rem}
  .prose h3{font-size:1.32rem}
  .prose img{border-radius:10px}

  /* Override older full-bleed table math: the table now stays aligned to the reading column. */
  .table-scroll,.prose .wp-block-table{width:100%;max-width:100%;margin:1.4rem 0;border-radius:11px;overflow-x:auto}
  .table-scroll table,.prose .wp-block-table table{min-width:600px}
  .prose th,.prose td{min-width:105px;max-width:300px;padding:.72rem .76rem;font-size:.84rem;line-height:1.45}
  .prose th:first-child,.prose td:first-child{min-width:145px}

  .post-navigation-card{width:min(calc(100% - 28px),980px);margin-top:2.5rem}
  .post-navigation a{padding:.95rem 1rem}
  .comments-area{width:min(calc(100% - 28px),var(--container));padding-top:2.6rem;padding-bottom:3rem}

  .cot-home-seo .cot-section{padding-top:3rem;padding-bottom:3rem}
  .cot-home-seo #sources{padding-bottom:3.8rem}

  .footer-main{grid-template-columns:1fr 1fr;gap:1.8rem;padding-top:2.8rem;padding-bottom:2.2rem}
  .footer-brand{grid-column:1/-1}
  .footer-nav-group a{display:inline-flex;align-items:center;min-height:38px}
  .footer-bottom{padding-top:1rem;padding-bottom:1.1rem}
}

@media (max-width:600px){
  /* Decorative hero art was pushing the calculator too far below the fold on phones. */
  .hero-visual{display:none}
  .hero-grid{display:block;padding-bottom:2.8rem}
}

@media (max-width:520px){
  .container{width:min(calc(100% - 24px),var(--container))}
  .site-header{background:rgba(255,253,250,.98)}
  .brand-mark{max-width:calc(100vw - 126px);font-size:1rem}
  .brand-symbol{flex:0 0 31px}
  .custom-logo{max-width:calc(100vw - 126px);max-height:40px}
  .search-toggle{display:none}
  
  
  
  

  .section-pad{padding:2.8rem 0}.section-pad-sm{padding:2.35rem 0}
  .hero-grid{padding-top:2.35rem;padding-bottom:2.5rem}
  .hero-copy h1{font-size:clamp(2.25rem,11vw,3rem);margin:.4rem 0 .9rem}
  .hero-lead{font-size:.97rem;line-height:1.58}
  .hero-actions{gap:.7rem;width:100%;margin-top:1.3rem}
  .hero-actions .btn,.hero-actions .text-link{width:100%;min-height:46px}
  .hero-actions .text-link{display:flex;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--cot-line);border-radius:999px;text-decoration:none;background:rgba(255,255,255,.66)}
  .hero-trust{display:grid;gap:.55rem;font-size:.75rem}

  .calculator-section.section-pad{padding:1.8rem 0 2.6rem}

  .section-heading{gap:.6rem;margin-bottom:1.25rem}
  .section-heading h2{font-size:clamp(1.9rem,9vw,2.45rem)}
  .category-card{grid-template-columns:30px minmax(0,1fr) 22px;gap:.75rem;padding:1.05rem;min-height:0}
  .category-card h3{font-size:1.16rem;margin-bottom:.35rem}
  .category-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem}
  .post-card{border-radius:13px}
  .post-card-body{padding:1rem}
  .post-card-title{font-size:1.25rem}
  .post-card-meta{gap:.75rem}

  .archive-hero,.page-header{padding:2.35rem 0 1.9rem}
  .archive-hero h1,.page-header h1{font-size:clamp(2.15rem,10vw,3rem)}
  .archive-hero p,.archive-description,.page-header p{font-size:.94rem;line-height:1.6}
  .sidebar{margin-top:.5rem}
  .cot-widget{padding:1.05rem;border-radius:14px}

  .article-header{padding-top:2rem;padding-bottom:1.2rem}
  .article-header h1{font-size:clamp(1.95rem,9.8vw,2.8rem);margin:.35rem 0 .8rem}
  .article-meta{font-size:.72rem;line-height:1.35}
  .article-featured{width:min(calc(100% - 16px),1100px);margin-bottom:1.5rem}
  .article-featured img{border-radius:12px;aspect-ratio:16/10}
  .article-layout{width:min(calc(100% - 24px),var(--article))}
  .mobile-toc{margin-bottom:1.45rem}
  .prose{font-size:.98rem;line-height:1.7}
  .prose h2{font-size:clamp(1.55rem,7.7vw,1.95rem);margin-top:2rem}
  .prose h3{font-size:1.22rem;margin-top:1.65rem}
  .prose blockquote{margin:1.35rem 0;padding:.9rem 1rem;font-size:1rem}
  .prose ul,.prose ol{padding-left:1.15rem}

  .table-scroll,.prose .wp-block-table{margin:1.25rem 0;width:100%;max-width:100%;border-radius:10px}
  .table-scroll table,.prose .wp-block-table table{min-width:560px}
  .prose th,.prose td{padding:.64rem .66rem;font-size:.79rem;line-height:1.42}
  .prose th:first-child,.prose td:first-child{min-width:130px}
  .table-scroll.is-scrollable::after,.prose .wp-block-table.is-scrollable::after{font-size:.66rem;padding:.36rem .6rem}

  .article-end-note{margin:2rem 0;padding:1rem}
  .post-navigation-card{width:min(calc(100% - 24px),980px);padding-top:1.4rem}
  .post-navigation .nav-links{gap:.7rem}
  .post-navigation a{font-size:.94rem}
  .comments-area{width:min(calc(100% - 24px),var(--container))}

  .navigation.pagination{margin-top:2rem}
  .nav-links{gap:.4rem}
  .page-numbers{min-width:40px;height:40px}
  .page-numbers.prev,.page-numbers.next{padding:0 .7rem;font-size:.76rem}

  .cot-home-seo .cot-section{padding:2.6rem 12px}
  .cot-home-seo .cot-section h2{font-size:clamp(1.65rem,8vw,2rem)}
  .cot-home-seo .cot-section p,.cot-home-seo .cot-section li{font-size:.96rem;line-height:1.7}
  .cot-home-seo .cot-faq-item{padding:3px 13px}
  .cot-home-seo .cot-faq-item summary{font-size:.94rem;line-height:1.4;gap:.7rem}

  .footer-main{grid-template-columns:1fr;gap:1.35rem;padding-top:2.5rem}
  .footer-brand{grid-column:auto}
  .footer-brand p{font-size:.86rem;line-height:1.6}
  .footer-nav-group h2,.footer-widget-title{margin-bottom:.55rem}
  .footer-nav-group a{min-height:36px}
  .footer-bottom{gap:.55rem;font-size:.7rem;line-height:1.5}
}

@media (max-width:360px){
  
  
  .brand-mark,.custom-logo{max-width:calc(100vw - 92px)}
  .hero-copy h1{font-size:2.1rem}
  .cot-home-seo .cot-stat-grid{grid-template-columns:1fr}
  .table-scroll table,.prose .wp-block-table table{min-width:520px}
  .page-numbers.prev,.page-numbers.next{padding:0 .55rem}
}
.mobile-panel[hidden],.mobile-backdrop[hidden]{display:none!important}
@media (max-width:1100px){
  
  
  
  
  
}
@media (max-width:820px){
  .post-card-meta{flex-wrap:wrap;gap:.35rem .8rem}
  .error-page{padding:3.5rem 0}.error-number{font-size:6rem}
  .back-to-top,.footer-socials a{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width:520px){
  .error-page{padding:2.8rem 0}.error-number{font-size:5rem}
  .tag-list a{display:inline-flex;align-items:center;min-height:36px}
}
/* WordPress admin-bar compatibility and JS-ready mobile TOC. */
@media (max-width:820px){.mobile-toc{display:none}.mobile-toc.is-ready{display:block}}
body.admin-bar .site-header{top:32px}
@media (max-width:1100px){}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}

/* ================================================================
 * v1.8.0 — Consolidated UI/UX layer
 * One authoritative component/responsive layer replacing v1.5-v1.7
 * patch stacks. Calculator probability logic is not defined here.
 * ================================================================ */

html{scroll-padding-top:96px}
#twin-odds-calculator,.entry-content h2[id],.entry-content h3[id],.cot-home-seo .cot-section[id]{scroll-margin-top:96px}
html.menu-open,body.menu-open{overflow:hidden}
.mobile-panel[hidden],.mobile-backdrop[hidden]{display:none!important}
.mobile-panel:focus{outline:none}
.mobile-panel-header,.mobile-panel-scroll,.mobile-panel-footer,.mobile-nav-label{display:none}

/* Stronger, consistent keyboard feedback and minimum control sizes. */
a:focus-visible,.btn:focus-visible,.icon-button:focus-visible,.search-submit:focus-visible,.comment-form .submit:focus-visible,.back-to-top:focus-visible,.page-numbers:focus-visible,.submenu-toggle:focus-visible,.mobile-panel-close:focus-visible,.mobile-toc summary:focus-visible,.cot-faq-item summary:focus-visible,.table-scroll.is-scrollable:focus-visible,.prose .wp-block-table.is-scrollable:focus-visible{outline:3px solid var(--cot-ink);outline-offset:3px}
.site-footer a:focus-visible{outline-color:#fff}
.icon-button,.btn-small,.search-submit,.page-numbers{min-width:44px;min-height:44px}
.search-field{height:54px;padding-right:58px}
.search-submit{right:5px;top:5px;width:44px;height:44px}
.article-meta{font-size:.82rem}
.hero-trust,.calculator-note,.article-end-note p{color:var(--cot-muted)}

/* Keep visible branding as the only brand tap target. */
.site-branding{justify-self:start;min-width:0;width:max-content;max-width:100%}
.site-branding .custom-logo-link,.site-branding .brand-mark{display:flex;width:max-content;max-width:100%}

/* Desktop scrollbar reservation only; mobile keeps the full viewport width. */
@media (min-width:1101px){html{scrollbar-gutter:stable}}

/* Desktop dropdown: hover bridge, touch-open state, and Escape-close state. */
@media (min-width:1101px){
  .primary-menu>.menu-item-has-children>.sub-menu{display:block;top:calc(100% + 10px);margin-top:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}
  .primary-menu>.menu-item-has-children>.sub-menu::before{content:"";position:absolute;left:-1px;right:-1px;top:-12px;height:12px;background:transparent}
  .primary-menu>.menu-item-has-children:hover>.sub-menu,.primary-menu>.menu-item-has-children:focus-within>.sub-menu,.primary-menu>.menu-item-has-children.is-desktop-submenu-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
  .primary-menu>.menu-item-has-children.is-escape-closed>.sub-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(4px)!important}
}

/* Mobile/tablet navigation component. */
@media (max-width:1100px){
  .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:.85rem}.header-actions{grid-column:2;justify-self:end}
  .mobile-backdrop{display:block;position:fixed;z-index:999;inset:0;background:rgba(10,34,31,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  .mobile-panel{display:block;position:fixed;z-index:1000;top:0!important;right:0;bottom:auto;width:min(430px,100%);height:100vh;height:100dvh;max-height:none!important;padding:0;border:0;border-left:1px solid var(--cot-line);background:var(--cot-paper);box-shadow:-24px 0 60px rgba(10,34,31,.2);overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .mobile-panel:not([hidden]){animation:cotMobileMenuIn .2s ease-out both}.mobile-backdrop:not([hidden]){animation:cotMobileBackdropIn .18s ease-out both}
  .mobile-panel-shell{height:100%;min-height:0;display:flex;flex-direction:column}
  .mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto;min-height:72px;padding:.75rem 1rem .75rem 1.2rem;border-bottom:1px solid var(--cot-line);background:rgba(255,253,250,.98)}
  .mobile-panel-brand{min-width:0;display:flex;align-items:center}.mobile-panel-brand .custom-logo-link{display:flex;align-items:center;min-width:0}.mobile-panel-brand .custom-logo{max-height:42px;max-width:220px;width:auto}.mobile-panel-brand .brand-mark{font-size:1.03rem;max-width:270px}.mobile-panel-brand .brand-symbol{width:31px;height:28px;flex:0 0 31px}.mobile-panel-brand .brand-symbol i{width:19px;height:25px}
  .mobile-panel-close{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--cot-line);border-radius:12px;background:#fff;color:var(--cot-ink);display:grid;place-items:center;cursor:pointer}.mobile-panel-close svg{width:19px;height:19px}.mobile-panel-close:hover{background:var(--cot-sage-2);border-color:#cbd8d1}
  .mobile-panel-scroll{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.1rem 1.15rem 1.5rem;scrollbar-width:thin;scrollbar-color:#cbd8d1 transparent}
  .mobile-search{display:block;margin:0 0 1.35rem}.mobile-search .search-form{width:100%}.mobile-search .search-field{height:54px;padding-left:16px;background:#fff;border-radius:12px;border-color:#d7e0db;box-shadow:0 4px 16px rgba(24,60,55,.035)}.mobile-search .search-submit{top:5px;right:5px;width:44px;height:44px}
  .mobile-nav{display:block;border:0;flex:none}.mobile-nav-label{display:block;margin:0 0 .55rem;padding:0 .2rem;color:var(--cot-muted);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
  .mobile-menu{display:block;width:100%;margin:0;padding:0;list-style:none}.mobile-menu li{position:relative;border:0}.mobile-menu>li{margin:.18rem 0;border:0}.mobile-menu>li>a,.mobile-menu-row{border-radius:12px;transition:background .16s ease,color .16s ease}.mobile-menu>li>a{display:flex;align-items:center;width:100%;min-height:54px;padding:.8rem .85rem;color:var(--cot-ink);font-size:1rem;line-height:1.3;font-weight:800;text-decoration:none}.mobile-menu-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;min-height:54px}.mobile-menu-row>a{display:flex;align-items:center;min-width:0;min-height:54px;padding:.8rem .3rem .8rem .85rem;color:var(--cot-ink);font-size:1rem;line-height:1.3;font-weight:800;text-decoration:none}
  .mobile-menu>li>a:hover,.mobile-menu>li>a:focus-visible,.mobile-menu>li>.mobile-menu-row:hover{background:var(--cot-sage-2);color:var(--cot-ink)}.mobile-menu>li.current-menu-item>a,.mobile-menu>li.current-menu-ancestor>.mobile-menu-row,.mobile-menu>li.current-menu-parent>.mobile-menu-row{background:#f2ece7;color:var(--cot-ink)}.mobile-menu>li.current-menu-item>a{box-shadow:inset 3px 0 0 var(--cot-blush-dark)}
  .submenu-toggle{position:static;z-index:auto;width:44px;height:44px;margin-right:1px;border:0;border-radius:10px;background:transparent;color:var(--cot-ink);cursor:pointer;display:grid;place-items:center;justify-self:end}.submenu-toggle:hover,.submenu-toggle:focus-visible{background:rgba(24,60,55,.07)}.submenu-toggle span{width:9px;height:9px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .18s ease}.submenu-toggle[aria-expanded=true] span{transform:rotate(225deg) translate(-1px,-1px)}
  .mobile-menu .sub-menu{display:block;margin:.15rem .45rem .6rem 1rem;padding:.18rem 0 .18rem .85rem;background:transparent;border:0;border-left:1px solid #cad7d0;border-radius:0;list-style:none}.mobile-menu .sub-menu[hidden]{display:none!important}.mobile-menu .sub-menu li{margin:.05rem 0;border:0}.mobile-menu .sub-menu a{display:flex;align-items:center;min-height:44px;padding:.58rem .7rem;color:var(--cot-ink-2);font-size:.9rem;line-height:1.35;font-weight:700;text-decoration:none;border-radius:9px}.mobile-menu .sub-menu a:hover,.mobile-menu .sub-menu a:focus-visible,.mobile-menu .sub-menu .current-menu-item>a{background:var(--cot-sage-2);color:var(--cot-ink)}.mobile-menu .sub-menu .mobile-menu-row{grid-template-columns:minmax(0,1fr) 44px;min-height:44px;border-radius:9px}.mobile-menu .sub-menu .mobile-menu-row>a{min-height:44px;padding:.58rem .3rem .58rem .7rem;font-size:.9rem;font-weight:700;color:var(--cot-ink-2)}.mobile-menu .sub-menu .submenu-toggle{width:44px;height:44px;margin-right:0}.mobile-menu .sub-menu .sub-menu{margin:.08rem .2rem .45rem .65rem;padding-left:.7rem}
  .mobile-panel-footer{display:block;flex:0 0 auto;padding:.9rem 1.15rem max(.95rem,env(safe-area-inset-bottom));border-top:1px solid var(--cot-line);background:rgba(255,253,250,.98);box-shadow:0 -10px 28px rgba(24,60,55,.045)}.mobile-menu-cta{min-height:50px;border-radius:12px}.mobile-panel-footer p{margin:.5rem .35rem 0;color:var(--cot-muted);font-size:.72rem;line-height:1.4;text-align:center}
  body.admin-bar .mobile-panel{top:32px!important;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:none!important}body.admin-bar .mobile-backdrop{top:32px}
}
@media (max-width:782px){body.admin-bar .mobile-panel{top:46px!important;height:calc(100vh - 46px);height:calc(100dvh - 46px)}body.admin-bar .mobile-backdrop{top:46px}}
@media (max-width:820px){
  html{scrollbar-gutter:auto;scroll-padding-top:80px}#twin-odds-calculator,.entry-content h2[id],.entry-content h3[id],.cot-home-seo .cot-section[id]{scroll-margin-top:80px}
  .search-toggle{display:none}.menu-toggle{display:inline-grid;min-width:44px;width:44px;height:44px;padding:0;border-radius:12px;gap:0}.menu-toggle-label{display:none}.site-header .menu-toggle .menu-close-icon{display:none!important}.site-header .menu-toggle .menu-open-icon{display:inline-flex!important}
  .mobile-panel{width:100%;border-left:0;box-shadow:none}.mobile-backdrop{display:none!important}.mobile-panel-header{min-height:64px;padding:.55rem .75rem .55rem 1rem}.mobile-panel-brand .custom-logo{max-height:39px;max-width:min(210px,58vw)}.mobile-panel-brand .brand-mark{max-width:calc(100vw - 84px);font-size:1rem}.mobile-panel-scroll{padding:1rem .9rem 1.35rem}.mobile-panel-footer{padding:.8rem .9rem max(.85rem,env(safe-area-inset-bottom))}.mobile-menu>li>a,.mobile-menu-row{min-height:56px}.mobile-menu>li>a,.mobile-menu-row>a{font-size:1.02rem}
}
@media (max-width:420px){.mobile-panel-header{padding-left:.85rem;padding-right:.65rem}.mobile-panel-scroll{padding-left:.75rem;padding-right:.75rem}.mobile-panel-footer{padding-left:.75rem;padding-right:.75rem}.mobile-menu>li>a{padding-left:.72rem;padding-right:.72rem}.mobile-menu-row>a{padding-left:.72rem}.mobile-menu .sub-menu{margin-left:.85rem;margin-right:.25rem;padding-left:.7rem}}
@keyframes cotMobileMenuIn{from{opacity:.6;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@keyframes cotMobileBackdropIn{from{opacity:0}to{opacity:1}}

/* Editorial widths and no-TOC layout. */
.narrow-wide{width:min(calc(100% - 40px),980px)}
.prose-reading{width:min(calc(100% - 40px),780px);max-width:780px;margin-inline:auto}
.article-layout-no-rail{grid-template-columns:minmax(0,var(--article));gap:0}
.article-rail-sticky{max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;padding-right:.4rem;scrollbar-width:thin;scrollbar-color:#cbd8d1 transparent}
.mobile-toc-list{max-height:50vh;overflow-y:auto;overscroll-behavior:contain}
.article-header h1{max-width:900px;font-size:clamp(2.65rem,4.7vw,4.45rem);line-height:1.07}

/* Author and related content. */
.article-author-box{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1rem;align-items:start;margin:3rem 0 0;padding:1.2rem;border:1px solid var(--cot-line);border-radius:16px;background:var(--cot-cream)}
.article-author-avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover}.article-author-box h2{margin:.18rem 0 .35rem;font-family:var(--cot-font-family);color:var(--cot-ink);font-size:1.25rem;font-weight:500}.article-author-box h2 a{text-decoration:none}.article-author-box p{margin:0 0 .55rem;color:var(--cot-muted);font-size:.88rem;line-height:1.6}.article-author-link{display:inline-flex;min-height:44px;align-items:center;color:var(--cot-ink);font-size:.78rem;font-weight:800;text-decoration:none}
.related-posts{margin:3.2rem 0 0;padding-top:2.2rem;border-top:1px solid var(--cot-line)}.related-posts-heading h2{margin:.25rem 0 1rem;font-family:var(--cot-font-family);color:var(--cot-ink);font-size:1.65rem;font-weight:500}.related-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.related-post-card{display:flex;flex-direction:column;min-width:0;padding:1rem;border:1px solid var(--cot-line);border-radius:14px;background:#fff}.related-post-card>span{color:var(--cot-blush-dark);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.related-post-card h3{margin:.35rem 0 .85rem;font-family:var(--cot-font-family);font-size:1.03rem;line-height:1.25;font-weight:500}.related-post-card h3 a{text-decoration:none}.related-post-link{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;margin-top:auto;font-size:.78rem;font-weight:800;text-decoration:none}.related-post-link svg{width:15px;height:15px}

/* Comments and form alignment. */
.comment-list,.comment-list .children{list-style:none}.comment-list .children{margin:0 0 0 2.25rem;padding:0}.comment-body{position:relative;padding:1.35rem 0}.comment-author{display:flex;align-items:center;gap:.7rem}.comment-author .avatar{width:44px;height:44px;border-radius:50%}.comment-author .fn{font-weight:800;font-style:normal}.comment-metadata{margin:.3rem 0 0 3.2rem}.comment-metadata a,.comment-reply-link{color:var(--cot-muted);font-size:.78rem;text-decoration:none}.comment-content{margin:.85rem 0 0 3.2rem;font-size:.94rem;line-height:1.68}.reply{margin:.5rem 0 0 3.2rem}.comment-reply-link{display:inline-flex;align-items:center;min-height:44px;padding:.3rem .7rem;border:1px solid var(--cot-line);border-radius:999px;font-weight:800}.comment-form input:not([type=checkbox]),.comment-form textarea{min-height:46px}.comment-form textarea{min-height:150px;resize:vertical}.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:.55rem}.comment-form-cookies-consent input[type=checkbox]{flex:0 0 auto;margin:.28rem 0 0}.comment-form-cookies-consent label{display:inline;margin:0;font-size:.82rem;font-weight:650;line-height:1.5}

/* Tables: simple 2-3 column tables fit naturally; wide tables scroll. */
.table-scroll,.prose .wp-block-table{position:relative;isolation:isolate;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-scroll table,.prose .wp-block-table table{display:table;width:100%;min-width:100%;table-layout:auto}
.table-scroll table.cot-table-wide,.prose .wp-block-table table.cot-table-wide{min-width:640px}.table-scroll table.cot-table-very-wide,.prose .wp-block-table table.cot-table-very-wide{min-width:760px}
.table-scroll.is-scrollable,.prose .wp-block-table.is-scrollable{box-shadow:inset -18px 0 18px -20px rgba(24,60,55,.65),0 4px 18px rgba(28,62,55,.035)}.table-scroll:not(.is-scrollable),.prose .wp-block-table:not(.is-scrollable){overflow-x:visible}
.table-scroll.is-scrollable::after,.prose .wp-block-table.is-scrollable::after{content:"Scroll to view more →";display:block;position:sticky;left:0;width:max-content;padding:.42rem .7rem;color:var(--cot-muted);font-size:.72rem;font-weight:800;letter-spacing:.01em;background:var(--cot-cream);border-top:1px solid var(--cot-line)}.table-scroll:not(.is-scrollable)::after,.prose .wp-block-table:not(.is-scrollable)::after{display:none!important}
.prose table:not(.cot-table-wide) th,.prose table:not(.cot-table-wide) td{min-width:0!important;max-width:none}

/* Homepage jump navigation: 44px chips and a mobile overflow cue. */
.cot-home-jump-nav{position:relative;width:min(calc(100% - 40px),760px);margin:0 auto;padding:1.15rem 0 .2rem;border-bottom:1px solid var(--cot-line)}.cot-home-jump-label{display:block;margin-bottom:.55rem;color:var(--cot-muted);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cot-home-jump-links{display:flex;flex-wrap:wrap;gap:.5rem}.cot-home-jump-links a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .78rem;border:1px solid var(--cot-line);border-radius:999px;background:#fff;color:var(--cot-ink-2);font-size:.8rem;font-weight:800;line-height:1.2;text-decoration:none}.cot-home-jump-links a:hover{background:var(--cot-sage-2);color:var(--cot-ink)}

/* Cards should not imply the whole card is clickable. */
.post-card:hover{transform:none}.post-card:hover .post-card-media img{transform:none}.post-card-media:hover img,.post-card-media:focus-visible img{transform:scale(1.025)}.post-card-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Dynamic footer geometry. */
.footer-main.footer-cols-1{grid-template-columns:minmax(0,1fr)}.footer-main.footer-cols-2{grid-template-columns:1.45fr minmax(0,1fr)}.footer-main.footer-cols-3{grid-template-columns:1.45fr repeat(2,minmax(0,1fr))}.footer-main.footer-cols-4{grid-template-columns:1.45fr repeat(3,minmax(0,1fr))}

/* Mid-size desktop/laptop hero keeps calculator near the first viewport. */
@media (min-width:1101px) and (max-width:1400px){.hero-grid{min-height:520px;gap:2.75rem;padding-top:1.75rem;padding-bottom:1.75rem}.hero-copy h1{font-size:clamp(3.2rem,5.1vw,4.6rem);margin-bottom:1rem}.hero-lead{font-size:1.06rem;line-height:1.62}.hero-actions{margin-top:1.35rem}.hero-trust{margin-top:1.25rem}.hero-visual{min-height:390px}.orbit-one{width:320px;height:320px}.orbit-two{width:440px;height:440px}.hero-center-mark{width:124px;height:124px}.hero-center-mark i{width:47px;height:70px}.twin-card{min-width:165px;padding:.82rem .9rem}}
@media (min-width:821px) and (max-width:1100px){.hero-grid{min-height:500px;gap:2.25rem;padding-top:2rem;padding-bottom:2rem}.hero-copy h1{font-size:clamp(3rem,5.8vw,4.35rem);margin-bottom:1rem}.hero-lead{font-size:1.05rem;line-height:1.62}.hero-actions{margin-top:1.35rem}.hero-trust{margin-top:1.25rem}.hero-visual{min-height:360px}.orbit-one{width:300px;height:300px}.orbit-two{width:410px;height:410px}.hero-center-mark{width:118px;height:118px}.hero-center-mark i{width:44px;height:67px}.twin-card{min-width:158px;padding:.8rem .85rem}.twin-card strong{font-size:.86rem}}

/* Tablet: one-column archives when sidebar is hidden. */
@media (max-width:1100px){.archive-main .sidebar{display:none}.archive-main .content-with-sidebar{display:block}.archive-main .archive-content{width:100%;min-width:0}}

/* Tablet/mobile conversion-first composition. */
@media (max-width:820px){
  .hero-visual{display:none!important}.hero-grid{display:block;min-height:auto;padding-top:2.2rem;padding-bottom:2.25rem}.hero-copy h1{font-size:clamp(2.35rem,8.6vw,3.25rem);line-height:1.04}.hero-lead{font-size:.98rem;line-height:1.58}.hero-actions{margin-top:1.25rem}.hero-trust{margin-top:1.1rem}.calculator-section.section-pad{padding-top:2rem}
  .article-header{padding-top:2.25rem}.article-header h1{font-size:clamp(2.05rem,7.7vw,3rem);line-height:1.09}.article-meta{font-size:.8rem;line-height:1.45}.article-layout-no-rail{display:block;width:min(calc(100% - 28px),var(--article))}
  .related-posts-grid{grid-template-columns:1fr}.related-post-card{padding:1rem 1.05rem}
  .cot-home-jump-nav{width:min(calc(100% - 32px),760px);padding-top:1rem}.cot-home-jump-links{flex-wrap:nowrap;overflow-x:auto;padding:0 28px .45rem 0;scrollbar-width:thin}.cot-home-jump-links a{flex:0 0 auto}.cot-home-jump-nav::after{content:"";position:absolute;right:0;bottom:.2rem;width:34px;height:48px;pointer-events:none;background:linear-gradient(90deg,rgba(255,253,250,0),var(--cot-paper) 72%)}
  .table-scroll table.cot-table-wide,.prose .wp-block-table table.cot-table-wide{min-width:560px}.table-scroll table.cot-table-very-wide,.prose .wp-block-table table.cot-table-very-wide{min-width:680px}.table-scroll.is-scrollable::after,.prose .wp-block-table.is-scrollable::after{content:"Swipe to view more →"}
  .prose table:not(.cot-table-wide) th,.prose table:not(.cot-table-wide) td{min-width:0!important;padding:.65rem .6rem;font-size:.8rem;overflow-wrap:anywhere}
  .comment-list .children{margin-left:1rem}
  .footer-main.footer-cols-1,.footer-main.footer-cols-2{grid-template-columns:1fr}.footer-main.footer-cols-3,.footer-main.footer-cols-4{grid-template-columns:1fr 1fr}.footer-main .footer-brand{grid-column:1/-1}
}
@media (max-width:600px){.latest-section .post-card.latest-mobile-extra{display:none}}
@media (max-width:520px){
  html{scroll-padding-top:74px}#twin-odds-calculator,.entry-content h2[id],.entry-content h3[id],.cot-home-seo .cot-section[id]{scroll-margin-top:74px}.narrow-wide{width:min(calc(100% - 24px),980px)}.prose-reading{width:min(calc(100% - 24px),780px)}
  .article-header h1{font-size:clamp(1.95rem,9vw,2.55rem)}.article-author-box{grid-template-columns:48px minmax(0,1fr);padding:1rem}.article-author-avatar img{width:48px;height:48px}.comment-content,.comment-metadata,.reply{margin-left:0}.comment-author{align-items:flex-start}
  .footer-main.footer-cols-1,.footer-main.footer-cols-2,.footer-main.footer-cols-3,.footer-main.footer-cols-4{grid-template-columns:1fr}.footer-main .footer-brand{grid-column:auto}
  .cot-home-jump-nav{width:min(calc(100% - 24px),760px)}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.post-card,.post-card-media img,.primary-menu>.menu-item-has-children>.sub-menu,.cot-home-jump-links a,.related-post-card,.mobile-panel:not([hidden]),.mobile-backdrop:not([hidden]),.submenu-toggle span{transition:none!important;animation:none!important}}


/* ================================================================
 * v1.9.0 — Final UI/UX freeze refinements
 * Edge-case hardening after the v1.8 responsive consolidation.
 * ================================================================ */

/* Prevent tiny full-bleed viewport rounding/scrollbar overflow without
   creating an extra horizontal scroll container. */
@supports (overflow: clip){
  html,body{overflow-x:clip}
}

/* Long desktop TOCs remain usable instead of extending below the viewport. */
.article-rail-sticky{max-height:calc(100vh - 132px);overflow:hidden}
.article-rail-sticky .toc{max-height:calc(100vh - 174px);overflow-y:auto;overscroll-behavior:contain;padding-right:.4rem;scrollbar-width:thin;scrollbar-color:#b7c6c0 transparent}

/* Related cards adapt naturally when only one or two contextual posts exist. */
.related-posts-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}

/* Footer follows the same uploaded branding as the header. A light surface
   keeps dark or multicolour logos legible against the deep-green footer. */
.footer-custom-logo{display:flex;align-items:center;width:max-content;max-width:100%;margin-bottom:.65rem}
.footer-custom-logo .custom-logo-link{display:inline-flex;align-items:center;max-width:100%;padding:.45rem .6rem;border-radius:11px;background:rgba(255,255,255,.96)}
.footer-custom-logo .custom-logo{display:block;max-width:min(240px,100%);max-height:52px;width:auto;height:auto}

/* Keep full-width Gutenberg blocks visually full-bleed while clipping the
   browser-scrollbar rounding edge handled above. */
.prose .alignfull{max-width:none}

@media (max-width:1100px){
  /* Cap increasingly deep reply indentation before it crushes the text column. */
  .comment-list .children{margin-left:1rem}
  .comment-list .children .children{margin-left:.65rem}
  .comment-list .children .children .children{margin-left:.35rem}
  .comment-list .children .children .children .children{margin-left:0}
}

@media (max-width:820px){
  /* Expanded article TOC stays a navigation aid, not a page-length detour. */
  .mobile-toc-list{max-height:50vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .related-posts-grid{grid-template-columns:1fr}
}

@media (max-width:520px){
  /* Deep comments use the full phone width. */
  .comment-list .children,.comment-list .children .children,.comment-list .children .children .children{margin-left:0}

  /* On article pages, retain the useful category while replacing a very long
     article title in the breadcrumb with a compact terminal ellipsis. */
  .cot-single-post .cot-breadcrumbs .breadcrumb-category{max-width:58vw;overflow:hidden;text-overflow:ellipsis}
  .cot-single-post .cot-breadcrumbs .breadcrumb-current{flex:0 0 auto;max-width:none;font-size:0;overflow:visible;text-overflow:clip}
  .cot-single-post .cot-breadcrumbs .breadcrumb-current::after{content:"…";font-size:.72rem;font-weight:800;letter-spacing:.04em}
}

/* v2.0 technical SEO presentation refinements */
.related-post-card h3 a{display:inline-flex;align-items:flex-start;gap:.35rem}.related-title-arrow{display:inline-flex;flex:0 0 auto;margin-top:.12em}.related-title-arrow svg{width:15px;height:15px}.article-meta a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}.article-date time{font:inherit;color:inherit}


/* ==========================================================================
   v2.1.3 — Mobile table responsiveness
   Preserve readable columns and let narrow screens swipe horizontally instead
   of compressing table cells into distorted, word-by-word columns.
   ========================================================================== */
.table-scroll,
.prose .wp-block-table{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  scrollbar-width:thin;
  scrollbar-color:#afbeb8 transparent;
}
.table-scroll table,
.prose .wp-block-table table{
  display:table!important;
  width:100%;
  max-width:none;
  min-width:100%;
  table-layout:auto!important;
  margin:0;
}
.table-scroll th,.table-scroll td,
.prose .wp-block-table th,.prose .wp-block-table td{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none;
  vertical-align:top;
}
.table-scroll.is-scrollable,
.prose .wp-block-table.is-scrollable{
  box-shadow:inset -20px 0 18px -22px rgba(24,60,55,.8),0 4px 18px rgba(28,62,55,.035);
}
.table-scroll.is-scrollable::after,
.prose .wp-block-table.is-scrollable::after{
  content:"Scroll to view more →";
  display:block;
  position:sticky;
  left:0;
  width:max-content;
  max-width:100%;
  padding:.42rem .7rem;
  color:var(--cot-muted);
  font-size:.72rem;
  font-weight:800;
  line-height:1.25;
  background:var(--cot-cream);
  border-top:1px solid var(--cot-line);
}
.table-scroll:not(.is-scrollable)::after,
.prose .wp-block-table:not(.is-scrollable)::after{display:none!important}

@media (max-width:820px){
  .table-scroll,
  .prose .wp-block-table{
    margin:1.35rem 0;
    border-radius:10px;
    scroll-behavior:smooth;
  }
  .table-scroll.is-scrollable::after,
  .prose .wp-block-table.is-scrollable::after{content:"Swipe to view more →"}

  /* Two-column tables get a modest safety width; three+ columns retain enough
     room for readable labels instead of collapsing into very narrow cells. */
  .table-scroll table.cot-table-cols-2,
  .prose .wp-block-table table.cot-table-cols-2{min-width:480px!important}
  .table-scroll table.cot-table-cols-3,
  .prose .wp-block-table table.cot-table-cols-3{min-width:600px!important}
  .table-scroll table.cot-table-wide,
  .prose .wp-block-table table.cot-table-wide{min-width:720px!important}
  .table-scroll table.cot-table-very-wide,
  .prose .wp-block-table table.cot-table-very-wide{min-width:900px!important}

  .table-scroll th,.table-scroll td,
  .prose .wp-block-table th,.prose .wp-block-table td{
    min-width:110px!important;
    padding:.72rem .78rem!important;
    font-size:.84rem;
    line-height:1.45;
  }
  .table-scroll th:first-child,.table-scroll td:first-child,
  .prose .wp-block-table th:first-child,.prose .wp-block-table td:first-child{min-width:145px!important}
}

@media (max-width:420px){
  .table-scroll table.cot-table-cols-2,
  .prose .wp-block-table table.cot-table-cols-2{min-width:460px!important}
  .table-scroll table.cot-table-cols-3,
  .prose .wp-block-table table.cot-table-cols-3{min-width:590px!important}
  .table-scroll table.cot-table-wide,
  .prose .wp-block-table table.cot-table-wide{min-width:700px!important}
  .table-scroll table.cot-table-very-wide,
  .prose .wp-block-table table.cot-table-very-wide{min-width:860px!important}
  .table-scroll th,.table-scroll td,
  .prose .wp-block-table th,.prose .wp-block-table td{
    min-width:105px!important;
    padding:.66rem .7rem!important;
    font-size:.8rem;
  }
  .table-scroll th:first-child,.table-scroll td:first-child,
  .prose .wp-block-table th:first-child,.prose .wp-block-table td:first-child{min-width:135px!important}
}


/* ==========================================================================
   v2.1.4 — Mobile overflow + menu-state hardening
   Keep editorial/page content inside the viewport and keep a visible close
   affordance in the same header position after the mobile menu is opened.
   ========================================================================== */

/* Grid/flex children are allowed to shrink; this prevents long blocks from
   forcing their parent wider than the viewport. */
.site-main,
.content-with-sidebar,
.page-content-grid,
.clean-page-shell,
.clean-page-content,
.archive-content,
.article-content-wrap,
.entry-content,
.prose,
.wp-block-group__inner-container,
.wp-block-column{
  min-width:0;
  max-width:100%;
}

/* Embedded/editorial media and third-party forms should never define the page
   width. Tables are handled separately by their swipe container. */
.prose figure,
.entry-content figure,
.prose .wp-block-image,
.prose .wp-block-gallery,
.prose .wp-block-embed,
.prose .wp-block-video,
.prose .wp-block-cover,
.prose .wp-block-group,
.prose .wp-block-columns,
.prose .wp-block-media-text,
.prose .wp-block-buttons,
.prose form,
.prose fieldset,
.entry-content form,
.entry-content fieldset,
.wpforms-container,
.wpcf7,
.gform_wrapper{
  min-width:0;
  max-width:100%!important;
}
.prose iframe,
.prose video,
.prose canvas,
.prose svg,
.entry-content iframe,
.entry-content video,
.entry-content canvas{
  max-width:100%!important;
}
.prose iframe,
.entry-content iframe{width:100%}
.prose input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.prose textarea,
.prose select,
.entry-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.entry-content textarea,
.entry-content select{
  width:100%;
  max-width:100%;
}
.prose p,.prose li,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,
.entry-content p,.entry-content li,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
  overflow-wrap:anywhere;
}

@media (max-width:820px){
  /* On phones the existing site header remains visible while the menu opens,
     so the hamburger changes into a close icon instead of disappearing. */
  html.menu-open .site-header,
  body.menu-open .site-header{z-index:1101;background:var(--cot-paper)}
  .site-header .menu-toggle{position:relative;z-index:1102}
  .site-header .menu-toggle .menu-open-icon{display:inline-flex!important}
  .site-header .menu-toggle .menu-close-icon{display:none!important}
  .site-header .menu-toggle[aria-expanded="true"] .menu-open-icon{display:none!important}
  .site-header .menu-toggle[aria-expanded="true"] .menu-close-icon{display:inline-flex!important}
  .site-header .menu-toggle .menu-open-icon,
  .site-header .menu-toggle .menu-close-icon{align-items:center;justify-content:center}

  /* Use the real sticky header as the menu header on phones. This avoids a
     duplicate top bar and guarantees that the close control stays visible. */
  .mobile-panel{
    top:var(--cot-header-height)!important;
    height:calc(100vh - var(--cot-header-height));
    height:calc(100dvh - var(--cot-header-height));
  }
  .mobile-panel-header{display:none!important}
  .mobile-panel-scroll{padding-top:1rem}

  /* Mobile content containment. Full/wide Gutenberg blocks are deliberately
     brought back to the reading column on phones; wide tables keep their own
     horizontal swipe behavior. */
  .site-main,
  .site-main>*,
  .container,
  .narrow-wide,
  .content-with-sidebar,
  .page-content-grid,
  .clean-page-shell,
  .clean-page-content,
  .archive-content,
  .article-layout,
  .article-content-wrap,
  .entry-content,
  .prose{
    min-width:0;
    max-width:100%;
  }
  .prose>*:not(.table-scroll):not(.wp-block-table),
  .entry-content>*:not(.table-scroll):not(.wp-block-table){max-width:100%}
  .prose .alignwide,
  .prose .alignfull,
  .entry-content .alignwide,
  .entry-content .alignfull{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
  .prose .wp-block-columns,
  .entry-content .wp-block-columns{flex-wrap:wrap!important}
  .prose .wp-block-column,
  .entry-content .wp-block-column{min-width:0!important;flex-basis:100%!important}
  .prose .wp-block-media-text,
  .entry-content .wp-block-media-text{grid-template-columns:minmax(0,1fr)!important}
  .prose .wp-block-media-text__media,
  .prose .wp-block-media-text__content,
  .entry-content .wp-block-media-text__media,
  .entry-content .wp-block-media-text__content{min-width:0;max-width:100%}
  .prose pre,.entry-content pre{max-width:100%;overflow-x:auto}
  .prose img,.entry-content img{max-width:100%;height:auto}
}

/* WordPress admin bar offsets for the phone menu after it starts below the
   sticky site header instead of drawing a second internal header. */
@media (min-width:783px) and (max-width:820px){
  body.admin-bar .mobile-panel{
    top:calc(32px + var(--cot-header-height))!important;
    height:calc(100vh - 32px - var(--cot-header-height));
    height:calc(100dvh - 32px - var(--cot-header-height));
  }
}
@media (max-width:782px){
  body.admin-bar .mobile-panel{
    top:calc(46px + var(--cot-header-height))!important;
    height:calc(100vh - 46px - var(--cot-header-height));
    height:calc(100dvh - 46px - var(--cot-header-height));
  }
}

/* ==========================================================================\n   v2.1.5 — Scrolled mobile-menu viewport fix\n   The drawer/backdrop now live outside the sticky/filter header. These rules\n   anchor the drawer directly to the viewport so opening it after page scroll\n   behaves exactly like opening it at scrollY=0.\n   ========================================================================== */

@media (max-width:1100px){
  .mobile-panel{
    position:fixed;
    top:0!important;
    right:0;
    bottom:0!important;
    height:auto!important;
    min-height:0;
    max-height:none!important;
  }
  .mobile-panel-shell{height:100%;min-height:0}
  .mobile-panel-scroll{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
  }
}

@media (max-width:820px){
  /* The real sticky header remains visible; the drawer fills only the viewport
     below it. Using top+bottom avoids mobile 100vh/100dvh recalculation bugs. */
  .mobile-panel{
    top:var(--cot-header-height)!important;
    bottom:0!important;
    height:auto!important;
  }
  html.menu-open{overflow:hidden;overscroll-behavior:none}
  body.menu-open{overflow:hidden;overscroll-behavior:none}
}

@media (min-width:783px) and (max-width:820px){
  body.admin-bar .mobile-panel{
    top:calc(32px + var(--cot-header-height))!important;
    bottom:0!important;
    height:auto!important;
  }
}
@media (max-width:782px){
  body.admin-bar .mobile-panel{
    top:calc(46px + var(--cot-header-height))!important;
    bottom:0!important;
    height:auto!important;
  }
}


/* ==========================================================================
   v2.1.6 — Mobile menu guaranteed-close architecture
   Do not depend on the sticky site header for the only close control. The
   viewport-level drawer owns a persistent internal header + X button.
   ========================================================================== */
@media (max-width:1100px){
  .mobile-backdrop{z-index:1190}
  .mobile-panel{
    z-index:1200;
    position:fixed;
    top:0!important;
    right:0;
    bottom:0!important;
    height:auto!important;
    max-height:none!important;
  }
  .mobile-panel-shell{height:100%;min-height:0}
  .mobile-panel-header{
    display:flex!important;
    position:sticky;
    top:0;
    z-index:3;
    flex:0 0 auto;
    background:rgba(255,253,250,.99);
  }
  .mobile-panel-close{display:grid!important;visibility:visible!important;opacity:1!important}
  .mobile-panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}
}

@media (max-width:820px){
  /* Full-screen phone drawer. The dedicated drawer X remains available even
     if a browser changes sticky-header behavior while the document is locked. */
  .mobile-panel{top:0!important;bottom:0!important;width:100%;height:auto!important}
  .mobile-panel-header{min-height:64px;padding:.55rem .75rem .55rem 1rem}
  .mobile-panel-scroll{padding-top:1rem}

  /* The original header can remain underneath the modal; it is no longer the
     user's only way out of the navigation dialog. */
  html.menu-open .site-header,
  body.menu-open .site-header{z-index:100}
}

@media (min-width:783px) and (max-width:1100px){
  body.admin-bar .mobile-panel{top:32px!important;bottom:0!important;height:auto!important}
  body.admin-bar .mobile-backdrop{top:32px}
}
@media (max-width:782px){
  body.admin-bar .mobile-panel{top:46px!important;bottom:0!important;height:auto!important}
  body.admin-bar .mobile-backdrop{top:46px}
}

/* ================================================================
 * v2.3.0 — native top-level mega navigation
 * No synthetic "Explore" item. The WordPress Primary Navigation remains
 * visible as configured; any real top-level parent opens its own wide panel.
 * ================================================================ */
@media (min-width:1101px){
  .header-inner{grid-template-columns:minmax(205px,auto) minmax(0,1fr) auto;gap:1rem}
  .primary-nav-mega{justify-self:end;min-width:0}
  .primary-menu-mega{gap:.82rem;justify-content:flex-end}
  .primary-menu-mega>li{display:flex;align-items:center;position:static}
  .primary-menu-mega>li>a,
  .desktop-mega-trigger{min-height:44px;display:inline-flex;align-items:center;gap:.38rem;padding:.45rem .06rem;border:0;background:transparent;color:var(--cot-ink-2);font-size:.8rem;line-height:1.25;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}
  .primary-menu-mega>li>a:hover,
  .primary-menu-mega>li.current-menu-item>a,
  .primary-menu-mega>li.current-menu-ancestor>.desktop-mega-trigger,
  .desktop-mega-trigger:hover,
  .desktop-mega-trigger[aria-expanded="true"]{color:var(--cot-blush-dark)}
  .desktop-mega-trigger:focus-visible{outline:3px solid rgba(164,94,73,.55);outline-offset:3px;border-radius:6px}
  .mega-menu-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}
  .desktop-mega-trigger[aria-expanded="true"] .mega-menu-chevron{transform:rotate(225deg) translate(-1px,-1px)}

  .mega-menu-panel{position:absolute;z-index:105;left:0;right:0;top:100%;background:rgba(255,253,250,.99);border-top:1px solid var(--cot-line);border-bottom:1px solid var(--cot-line);box-shadow:0 24px 50px rgba(24,60,55,.13);backdrop-filter:blur(18px)}
  .mega-menu-panel[hidden]{display:none!important}
  .mega-menu-inner{padding-top:1.65rem;padding-bottom:2rem}
  .mega-menu-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--cot-line)}
  .mega-menu-intro h2{margin:.2rem 0 0;color:var(--cot-ink);font-family:var(--cot-font-family);font-size:clamp(1.65rem,2.1vw,2.25rem);line-height:1.12;font-weight:500;letter-spacing:-.025em}
  .mega-menu-overview{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .9rem;border:1px solid var(--cot-line);border-radius:999px;color:var(--cot-ink);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}
  .mega-menu-overview:hover{background:var(--cot-sage-2);color:var(--cot-ink)}
  .mega-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem .85rem}
  .mega-menu-group{min-width:0;padding:.9rem 1rem;border:1px solid transparent;border-radius:14px;transition:background .16s ease,border-color .16s ease}
  .mega-menu-group:hover,.mega-menu-group:focus-within{background:var(--cot-sage-2);border-color:var(--cot-line)}
  .mega-menu-group.is-current{background:var(--cot-sage-2);border-color:#cad8d1}
  .mega-menu-group-title{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:var(--cot-ink);font-family:var(--cot-font-family);font-size:1rem;line-height:1.25;font-weight:700;text-decoration:none}
  .mega-menu-group-title:hover{color:var(--cot-blush-dark)}
  .mega-menu-arrow{flex:0 0 auto;font-family:var(--cot-font-family);font-size:1rem;font-weight:500}
  .mega-menu-description{margin:.4rem 0 0;color:var(--cot-muted);font-size:.74rem;line-height:1.5}
  .mega-menu-links,.mega-menu-sublinks{list-style:none;margin:0;padding:0}
  .mega-menu-links{margin-top:.55rem}
  .mega-menu-links>li+li{margin-top:.08rem}
  .mega-menu-links a{display:block;padding:.34rem 0;color:var(--cot-ink-2);font-size:.78rem;line-height:1.4;font-weight:700;text-decoration:none}
  .mega-menu-links a:hover{color:var(--cot-blush-dark)}
  .mega-menu-sublinks{margin:.05rem 0 .2rem .7rem;padding-left:.6rem;border-left:1px solid #cad7d0}
  .mega-menu-sublinks a{font-size:.73rem;font-weight:650;color:var(--cot-muted)}
  body.mega-menu-open .site-header{background:rgba(255,253,250,.995)}
}

@media (min-width:1101px) and (max-width:1280px){
  .header-inner{gap:.7rem}
  .primary-menu-mega{gap:.55rem}
  .primary-menu-mega>li>a,.desktop-mega-trigger{font-size:.73rem}
  .brand-mark{font-size:1.05rem}
}

/* Mobile keeps the full WordPress menu hierarchy as an accordion. */
@media (max-width:1100px){
  .mega-menu-panel{display:none!important}
  .mobile-panel-scroll{padding-bottom:max(1.35rem,env(safe-area-inset-bottom))}
}

@media (prefers-reduced-motion:reduce){
  .mega-menu-chevron,.mega-menu-group{transition:none!important}
}