*{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%}}


/* Learn How to Read the Game — article-specific visual treatment */
.article-deck{font-family:"Libre Baskerville",Georgia,serif;font-size:1.12rem;line-height:1.6;margin:22px 0 0;color:rgba(23,53,77,.78)}
.article-hero-graphic{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 26px;box-shadow:0 10px 26px rgba(28,42,50,.10)}
.story-step{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:5px;background:#f7f9f5}.story-step span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#eef1e9;color:var(--green);font-size:.7rem;font-weight:700;letter-spacing:.06em}.story-step strong{font-family:"Libre Baskerville",Georgia,serif;font-size:.94rem}.story-arrow{text-align:center;color:rgba(23,53,77,.42);font-size:1.05rem;line-height:1.15}.story-step-accent{border-left:3px solid var(--green)}.story-step-final{background:#17354d;color:#fff}.story-step-final span{background:#fff;color:#17354d}
.short-quote{text-align:center;border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;font-weight:700;font-size:1.2rem}
.cue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 28px}.cue-grid>div{border:1px solid var(--line);background:#fafbf8;border-radius:5px;padding:20px 18px}.cue-grid strong,.cue-grid span{display:block}.cue-grid strong{font-family:"Libre Baskerville",Georgia,serif;margin-bottom:8px}.cue-grid span{font-size:.91rem;line-height:1.5;color:rgba(23,53,77,.78)}
.three-cues{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 28px}.three-cues span{text-align:center;padding:13px 10px;background:#f5f7f2;border:1px solid var(--line);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--green)}
.method-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:32px 0 0;padding:20px;background:#17354d;color:#fff;border-radius:5px;font-weight:700}.method-strip b{color:#a9c3a4}
.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 30px}.contrast-card{background:#fff;border:1px solid var(--line);border-top:4px solid #8b8175;padding:22px}.contrast-card.contrast-good{border-top-color:var(--green)}.contrast-card h3{font-family:"Libre Baskerville",Georgia,serif;font-size:1.05rem;margin:0 0 14px}.contrast-card p{margin:0!important;font-size:.92rem;line-height:1.7}.contrast-card p span{color:var(--green);font-weight:700}.time-line{font-family:"Libre Baskerville",Georgia,serif;font-size:2.1rem!important;text-align:center;font-weight:700;color:var(--green);margin:32px 0 0!important}
.slow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 30px}.slow-grid span{background:#f5f7f2;border-bottom:3px solid var(--green);padding:18px 10px;text-align:center;font-family:"Libre Baskerville",Georgia,serif;font-weight:700;font-size:.96rem}
.story-closing{margin-top:42px;padding:34px 30px;background:#eef1e9;border-top:3px solid var(--green);text-align:center}.story-closing p{font-family:"Libre Baskerville",Georgia,serif;font-size:1.12rem;margin-bottom:18px}.story-closing strong{display:block;font-family:"Libre Baskerville",Georgia,serif;font-size:1.18rem;line-height:1.8}.story-closing span{display:block;margin-top:20px;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--green)}
@media(max-width:800px){.article-hero-inner{display:block}.article-hero-graphic{margin-top:30px}.cue-grid{grid-template-columns:1fr}.contrast-grid{grid-template-columns:1fr}.slow-grid{grid-template-columns:repeat(2,1fr)}.method-strip{gap:8px}.method-strip b{font-size:.8rem}}
@media(max-width:520px){.slow-grid{grid-template-columns:1fr}.story-closing{padding:28px 20px}.article-hero-graphic{padding:20px 18px}}

/* V17 artwork preview — approved Read the Game hero + in-article roadmap */
.read-game-hero .article-hero-inner{grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);max-width:1180px}
.read-game-hero .article-hero-image img{aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:7px}
.article-roadmap{max-width:1100px;margin:10px auto 50px}.article-roadmap img{display:block;width:100%;height:auto}
@media(max-width:800px){.read-game-hero .article-hero-inner{display:block}.read-game-hero .article-hero-image{margin-top:30px}.article-roadmap{margin:4px 0 40px}}

.method-strip-link{text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.method-strip-link:hover,.method-strip-link:focus-visible{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.16);outline:none}.method-strip-link:focus-visible{box-shadow:0 0 0 3px rgba(169,195,164,.55),0 5px 14px rgba(0,0,0,.16)}

/* V17 Read Game: visible Method text link */
.method-explore-link{text-align:center;margin:10px 0 0}.method-explore-link a{color:#173a2b;font-weight:700;text-decoration:underline;text-underline-offset:3px}.method-explore-link a:hover,.method-explore-link a:focus-visible{text-decoration-thickness:2px}