*{box-sizing:border-box}
:root{--ink:#17354d;--green:#557d4b;--paper:#f7f7f3;--line:rgba(23,53,77,.16)}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:17px;line-height:1.58}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:1000}.header-inner{width:min(calc(100% - 64px),1380px);min-height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:13px;min-width:360px}.brand-mark{width:45px;height:56px;object-fit:contain}.brand-copy{display:flex;flex-direction:column}.brand-name{font-family:"Libre Baskerville",Georgia,serif;font-size:1.55rem;font-weight:700;line-height:1.05;letter-spacing:-.035em}.brand-tagline{font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:27px;font-size:.9rem;font-weight:600}.primary-nav a{padding:8px 0;white-space:nowrap}.primary-nav a.active{border-bottom:3px solid var(--green)}.primary-nav .contact{padding:9px 18px;border-radius:999px;background:var(--green);color:#fff}.menu-toggle{display:none;border:0;background:none}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;margin:5px;background:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.hero{width:100%;overflow:hidden;background:#d8c49d}.hero-image{width:100%;height:auto;display:block}
.articles-body{background:#fff;padding:64px 0 70px}.article-wrap{width:min(calc(100% - 112px),980px);margin:auto}.article-copy{font-family:"DM Sans",Arial,sans-serif}.article-copy h1{font-family:"Libre Baskerville",Georgia,serif;font-size:2.45rem;line-height:1.18;margin:0 0 24px}.article-copy h1:after{content:"";display:block;width:58px;height:3px;background:var(--green);margin-top:18px}.article-copy p{max-width:860px;margin:0 0 21px}.article-copy .lead{font-family:"Libre Baskerville",Georgia,serif;font-size:1.13rem;line-height:1.62}.article-copy .closing{font-family:"Libre Baskerville",Georgia,serif;font-size:1.13rem;margin-top:30px;margin-bottom:0}
.footer-landscape{min-height:190px;background-image:linear-gradient(rgba(247,247,243,.08),rgba(247,247,243,.08)),url('../images/footer-landscape.png');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);position:relative}.footer-message{text-align:center;color:#fff;font-family:"Libre Baskerville",Georgia,serif;font-size:1.12rem;font-style:italic;line-height:1.45;text-shadow:none;padding:18px 24px}.footer-message .signature{font-size:.92rem;font-style:normal;letter-spacing:.12em;margin-top:9px}
@media(max-width:1000px){.primary-nav{gap:17px}.brand{min-width:300px}.article-wrap{width:min(calc(100% - 64px),980px)}}
@media(max-width:800px){.header-inner{width:min(calc(100% - 32px),1380px);min-height:70px}.brand{min-width:0}.brand-mark{width:40px;height:50px}.brand-name{font-size:1.18rem}.brand-tagline{font-size:.57rem;letter-spacing:.1em}.menu-toggle{display:block}.primary-nav{position:absolute;top:70px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 16px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 30px rgba(0,0,0,.08)}.primary-nav.open{display:flex}.primary-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.primary-nav .contact{text-align:center;margin-top:10px;border:0}.articles-body{padding:42px 0 50px}.article-wrap{width:min(calc(100% - 32px),980px)}.article-copy h1{font-size:2rem}}
@media(max-width:520px){body{font-size:16px}.article-wrap{width:calc(100% - 28px)}.article-copy .lead,.article-copy .closing{font-size:1rem}.footer-landscape{min-height:145px}.footer-message{font-size:1rem}.footer-message .signature{font-size:.82rem}}
/* Tai Chi Pickleball dropdown — preserves canonical top-level nav sizing. */
.primary-nav .nav-item{position:relative;display:flex;align-items:center}
.primary-nav .nav-submenu{position:absolute;top:100%;left:-18px;min-width:210px;padding:8px 0;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;z-index:2000}
.primary-nav .nav-submenu a{display:block;padding:10px 18px!important;white-space:nowrap;border:0!important;font-size:.91rem!important;font-weight:500!important;line-height:1.3!important}
.primary-nav .nav-submenu a:hover,.primary-nav .nav-submenu a:focus{background:rgba(82,115,84,.09)}
.primary-nav .nav-dropdown:hover>.nav-submenu,.primary-nav .nav-dropdown:focus-within>.nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:800px){.primary-nav .nav-item{display:block}.primary-nav .nav-submenu{position:static;min-width:0;padding:0 0 0 16px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.primary-nav .nav-dropdown:focus-within>.nav-submenu,.primary-nav .nav-dropdown:hover>.nav-submenu{display:block}.primary-nav .nav-submenu a{padding:9px 0!important;font-size:inherit!important}}

.primary-nav .nav-submenu .submenu-parent{position:relative}
.primary-nav .nav-submenu .submenu-parent>a{position:relative;padding-right:34px}
.primary-nav .nav-submenu .submenu-parent>a::after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-52%);font-size:19px;color:var(--navy)}
.primary-nav .nav-submenu .nav-submenu-child{position:absolute;top:-9px;left:100%;min-width:245px;padding:8px 0;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateX(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.primary-nav .nav-submenu .submenu-parent:hover>.nav-submenu-child,.primary-nav .nav-submenu .submenu-parent:focus-within>.nav-submenu-child{opacity:1;visibility:visible;transform:translateX(0)}
@media(max-width:800px){.primary-nav .nav-submenu .submenu-parent>a::after{display:none}.primary-nav .nav-submenu .nav-submenu-child{position:static;min-width:0;padding:0 0 0 16px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:block}}
/* Article detail template — preview */
.article-hero{background:#eef1e9;border-bottom:1px solid var(--line);padding:70px 0 62px}
.article-hero-inner{width:min(calc(100% - 112px),980px);margin:auto}
.article-kicker{font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green);margin-bottom:16px}
.article-hero h1{font-family:"Libre Baskerville",Georgia,serif;font-size:3.1rem;line-height:1.13;letter-spacing:-.025em;margin:0;max-width:850px}
.article-hero h1:after{content:"";display:block;width:64px;height:3px;background:var(--green);margin-top:22px}
.article-detail-body{background:#fff;padding:62px 0 70px}
.article-detail-wrap{width:min(calc(100% - 112px),860px);margin:auto}
.article-detail-copy p{margin:0 0 21px}
.article-detail-copy ul{margin:4px 0 25px;padding-left:28px}
.article-detail-copy li{margin:8px 0}
.article-detail-copy strong{font-weight:700}
.article-back{border-top:1px solid var(--line);margin-top:42px;padding-top:28px}
.article-back a{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:700}
.article-back a:hover,.article-back a:focus{text-decoration:underline}
@media(max-width:1000px){.article-hero-inner,.article-detail-wrap{width:min(calc(100% - 64px),860px)}}
@media(max-width:800px){.article-hero{padding:48px 0 42px}.article-hero-inner,.article-detail-wrap{width:min(calc(100% - 32px),860px)}.article-hero h1{font-size:2.35rem}.article-detail-body{padding:44px 0 52px}}
@media(max-width:520px){.article-hero-inner,.article-detail-wrap{width:calc(100% - 28px)}.article-hero h1{font-size:2rem}}

/* Approved visual-break treatment for article preview */
.article-section{margin:0 0 48px}
.article-section h2{font-family:"Libre Baskerville",Georgia,serif;font-size:1.62rem;line-height:1.3;margin:0 0 22px;color:var(--ink)}
.article-section h2:after{content:"";display:block;width:44px;height:2px;background:var(--green);margin-top:12px}
.opening-section{padding-bottom:8px}
.key-line{font-family:"Libre Baskerville",Georgia,serif;font-size:1.12rem;line-height:1.65;font-weight:700}
.pull-quote{border-left:4px solid var(--green);background:#f5f7f2;padding:22px 26px;margin:0 0 26px!important;font-family:"Libre Baskerville",Georgia,serif;font-size:1.06rem;line-height:1.7}
.highlight-section{border:1px solid var(--line);background:#f7f9f5;padding:30px 32px;margin:4px -32px 48px}
.decision-list{background:#f8f9f6;border-left:3px solid var(--green);padding:18px 28px 18px 48px!important;margin:10px 0 28px!important}
.shot-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0!important;margin:18px 0 30px!important}
.shot-options li{border:1px solid var(--line);background:#fafbf8;border-radius:5px;padding:17px 18px;margin:0!important;font-weight:600}
.feature-quote{font-family:"Libre Baskerville",Georgia,serif;font-size:1.16rem;line-height:1.72;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 20px;margin:34px 0 0!important}
.gambit-steps{background:#f5f7f2;border-left:4px solid var(--green);padding:24px 28px;margin:24px 0 28px}
.gambit-steps p:last-child{margin-bottom:0}
.closing-section{border-top:1px solid var(--line);padding-top:34px}
@media(max-width:800px){.article-section{margin-bottom:38px}.highlight-section{margin-left:0;margin-right:0;padding:24px}.shot-options{grid-template-columns:1fr}.pull-quote,.gambit-steps{padding:20px}.article-section h2{font-size:1.42rem}}

/* Approved Mental Representations hero artwork placement */
.article-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,48%);align-items:center;gap:46px;max-width:1120px}
.article-hero-copy{min-width:0}
.article-hero-image img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 10px 26px rgba(28,42,50,.12)}
@media(max-width:800px){.article-hero-inner{display:block}.article-hero-image{margin-top:32px}.article-hero-image img{width:100%}}

/* SEO contextual links */
a.contextual-link { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.14em; }
a.contextual-link:hover, a.contextual-link:focus { text-decoration-thickness: 2px; }
