/*
Theme Name: Four Finger Rule
Author: Colin Lee MacLeod
Description: Real English for a bigger world. A responsive travel-inspired Four Finger Rule theme.
Version: 1.0.4
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: four-finger-rule
*/
:root{--navy:#003b66;--deep:#082638;--gold:#f4b000;--red:#c62828;--paper:#f5f2e9;--ink:#111;--muted:#50616b;--line:#d9dedc;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:.01em}h1{font-size:clamp(48px,6vw,88px);text-transform:uppercase}h2{font-size:clamp(36px,4.3vw,59px);text-transform:uppercase}h3{font-size:23px}p+p{margin-top:1em}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:9999;background:white;padding:12px}.skip:focus{top:10px}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.admin-bar .site-header{top:32px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.brand{text-decoration:none;line-height:.98;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:25px;font-weight:900;letter-spacing:.02em}.brand span{display:block;color:var(--navy)}.brand i{font-style:normal;color:var(--red)}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;font-weight:700}nav a:hover{text-decoration:underline;text-underline-offset:7px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:14px 23px;border:2px solid transparent;border-radius:5px;text-decoration:none;font-weight:800;line-height:1.3;min-height:50px;background:var(--gold);color:var(--ink);cursor:pointer;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#ffd061}.btn.outline{background:transparent;border-color:currentColor}.btn.blue{background:var(--navy);color:white}.btn.blue:hover{background:#14567c}.kicker{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin-bottom:16px}.hero{background:var(--deep);color:white;position:relative;overflow:hidden;padding:64px 0 50px}.hero:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #ffffff13;border-radius:50%;top:-130px;left:-190px;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff03}.hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:46px;align-items:center;position:relative}.hero .kicker{color:var(--gold)}.hero h1 em{font-style:normal;color:var(--gold);position:relative;display:block}.hero-copy{max-width:510px}.hero-copy>p:not(.kicker){font-size:19px;color:#e1e9ed;margin-top:24px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .outline{color:white}.hero-art{border:8px solid #fff;border-bottom-width:32px;transform:rotate(1.5deg);box-shadow:0 20px 50px #0005;position:relative}.hero-art img{width:100%}.hero-art figcaption{position:absolute;bottom:-27px;left:12px;color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.12em}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;margin-top:50px;padding-top:25px;font-size:12px;letter-spacing:.12em;font-weight:700}.hero-foot span:last-child{color:var(--gold)}.section{padding:90px 0}.section-head{max-width:780px;margin-bottom:36px}.section-head>p:last-child{margin-top:20px;color:var(--muted);font-size:19px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.two-col.center{align-items:center}.intro-quote{border-left:5px solid var(--red);padding:10px 0 10px 25px;color:var(--navy);font-size:28px;font-weight:800;line-height:1.35}.intro-quote small{display:block;font-size:13px;font-weight:400;margin-top:16px}.finger-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.finger{background:white;border-top:5px solid var(--navy);padding:27px 22px;min-height:230px;border-radius:3px;box-shadow:0 3px 0 #00000008}.finger:nth-child(1){border-color:var(--red)}.finger:nth-child(3){border-color:#287349}.finger:nth-child(4){border-color:var(--gold)}.number{font-size:12px;color:var(--muted);letter-spacing:.12em;font-weight:700}.finger h3{margin:15px 0 10px}.finger p{font-size:15px;color:var(--muted)}.finger .example{font-weight:700;color:var(--ink);margin-top:20px}.route{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.route span{padding:7px 12px;border:1px solid var(--line);font-size:12px;font-weight:800;background:white}.navy-section{background:var(--navy);color:white}.navy-section .kicker{color:var(--gold)}.navy-section p{color:#e2edf2}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.problem-step{padding:25px;background:#ffffff0d;border:1px solid #ffffff30}.problem-step .number{color:var(--gold)}.problem-step h3{margin:14px 0 12px}.problem-step p{font-size:19px;font-weight:700}.small-note{font-size:14px}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.world-card{padding:26px;background:white;border:1px solid var(--line);border-radius:5px;position:relative;overflow:hidden}.world-card .icon{font-size:29px;color:var(--navy);display:block;margin-bottom:22px}.world-card h3{margin-bottom:12px}.world-card p{font-size:15px;color:var(--muted)}.world-card .tag{display:block;margin-top:24px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.08em}.book-section{background:#e9e5db}.book-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.book-cover{width:280px;max-width:85%;margin:auto;transform:rotate(-3deg);box-shadow:13px 16px 0 var(--navy),23px 26px 35px #0002}.book-copy>p{margin-top:22px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #c4c6c0;margin:28px 0}.stat{padding:22px 8px}.stat b{font-size:32px;color:var(--navy);display:block;line-height:1}.stat span{font-size:12px}.checklist{padding:0;list-style:none}.checklist li{margin:10px 0;padding-left:27px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:#236240;font-weight:800}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson{border:1px solid var(--line);background:white;border-radius:5px;overflow:hidden}.lesson-top{background:var(--navy);color:white;padding:26px}.lesson-top .kicker{color:var(--gold);margin-bottom:10px}.lesson-top h3{font-size:26px}.lesson-body{padding:24px}.lesson-body>p{color:var(--muted);font-size:15px;margin-bottom:22px}details{border-top:1px solid var(--line);margin-top:14px}summary{cursor:pointer;font-weight:800;font-size:15px;padding:17px 0;min-height:48px}details .details-body{font-size:15px;padding-bottom:18px}dl{margin:0}dt{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--navy);margin-top:13px}dd{margin:2px 0 0}.mission{margin-top:30px;background:#fff4d3;border-left:5px solid var(--gold);padding:24px}.mission h3{margin-bottom:12px}.mission p{font-size:15px}.rhythm{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.rhythm-card{border-top:2px solid var(--gold);padding:23px 0}.rhythm-card h3{font-size:19px;margin:15px 0 12px}.rhythm-card p{font-size:15px}.program-note{padding:20px;border:1px solid #ffffff40;margin-top:32px;font-size:14px}.sessions img{border-radius:4px;margin-top:35px;box-shadow:0 15px 35px #0002}.price{font-family:Impact,'Arial Narrow',Arial,sans-serif;color:var(--navy);font-size:66px;line-height:1}.price small{font-family:Arial,sans-serif;font-size:16px;font-weight:400;display:block;margin-top:8px}.session-card{background:white;padding:35px;border:1px solid var(--line);border-top:5px solid var(--gold)}.session-card h3{margin:24px 0 20px}.about{background:#e9e5db}.about-heading{font-size:clamp(36px,4vw,56px);margin-bottom:25px}.story-tag{background:var(--navy);color:white;display:inline-block;padding:9px 15px;font-size:12px;font-weight:800;letter-spacing:.08em;margin:25px 0}.story-box{border-left:4px solid var(--red);padding:22px;background:#fff7}.story-box h3{margin-bottom:16px}.story-box p{font-size:15px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-copy p{margin-top:24px;color:var(--muted)}.contact-form{background:white;padding:30px;border:1px solid var(--line);border-radius:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:800;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #9aa7ab;border-radius:3px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:140px}.field{margin-bottom:19px}.contact-form .btn{width:100%}.privacy-note{font-size:12px;color:var(--muted);margin-top:16px}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.notice{padding:16px;border:2px solid var(--navy);margin-bottom:20px;background:#e9f3f8}.notice.error{border-color:var(--red);background:#fff3f0}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);margin:0}.faq summary{font-size:19px;padding:24px 0}.faq .details-body{color:var(--muted)}.site-footer{background:var(--deep);color:#e2e9ed;padding:42px 0;font-size:13px}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer p{margin-top:22px;color:#b7c7d0}.privacy{margin-top:35px;border-top:1px solid #ffffff25;padding-top:20px;max-width:850px}.privacy h3{font-size:16px;margin-bottom:12px}.privacy p{margin-top:0;font-size:12px}.generic-page{padding:70px 0;min-height:60vh}.generic-page h1{font-size:50px;margin-bottom:25px}figure{margin:0}
@media(max-width:1000px){nav{gap:16px}.header-inner{align-items:flex-start;padding-block:20px}.hero-grid{gap:25px}.finger-grid{grid-template-columns:repeat(2,1fr)}.two-col,.contact-grid{gap:35px}.book-grid{gap:45px}.worlds{grid-template-columns:repeat(2,1fr)}.rhythm{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:1fr}.lesson{display:grid;grid-template-columns:.5fr 1fr}.lesson-top{display:flex;flex-direction:column;justify-content:center}}
@media(max-width:700px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 36px)}.site-header{position:relative}.admin-bar .site-header{top:0}.header-inner{flex-direction:column;gap:20px}.brand{font-size:23px}nav{gap:14px 20px}nav a{font-size:13px}nav .btn{padding:10px 14px;min-height:44px}.hero{padding:40px 0 28px}.hero-grid,.two-col,.book-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero-art{transform:none;border-width:5px;border-bottom-width:28px}.hero-art figcaption{font-size:9px;bottom:-24px}.hero-foot{flex-direction:column;align-items:flex-start;gap:10px;margin-top:30px;font-size:10px}.section{padding:58px 0}.finger-grid{gap:12px}.finger{padding:21px 15px;min-height:0}.finger h3{font-size:21px}.finger .example{font-size:14px}.worlds,.problem-grid{grid-template-columns:1fr}.book-grid{gap:45px}.book-cover{width:230px}.stats .stat{padding:18px 6px}.stat span{font-size:11px}.lesson{display:block}.rhythm{gap:20px}.rhythm-card h3{font-size:18px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.footer-grid{align-items:flex-start;flex-direction:column}.session-card{padding:28px}.hero-copy>p:not(.kicker){font-size:17px}.btn{font-size:15px}.contact-grid{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
@media print{.site-header,.site-footer,.hero,.book-section,.sessions,.about,.contact,.navy-section,.world-section,.intro,.faq-section{display:none}.section{padding:20px 0}.lesson-grid{display:block}.lesson{break-inside:avoid;margin-bottom:20px}details .details-body{display:block}summary{display:none}.lesson-top{background:white;color:black}.lesson-top .kicker{color:black}.actions{display:none}}

/* Keep grid children within their columns and headings readable. */
.hero-grid > *, .two-col > *, .book-grid > *, .contact-grid > * { min-width: 0; }
h1, h2, h3 { overflow-wrap: anywhere; }
.contact-copy h2 { font-size: clamp(32px,3.1vw,46px); overflow-wrap: normal; }
.navy-section .section-head > p:last-child { color: #e2edf2; }
@media(max-width:700px) { .contact-copy h2 { font-size: clamp(32px,7vw,42px); } }

/* Launch polish: readable dark sections, balanced contact heading and offer details. */
.navy-section .section-head>p:last-child{color:#e2edf2}.contact-copy h2{font-size:clamp(32px,3.3vw,46px);overflow-wrap:normal;word-break:normal}.two-col>*,.contact-grid>*{min-width:0}.offer-price{margin-top:24px;padding:20px 24px;background:#fff;border-left:5px solid var(--gold);border-radius:4px}.offer-price strong{display:block;font-size:26px;color:var(--navy)}.offer-price span{font-size:14px;color:var(--muted)}.session-card .actions{flex-direction:column}.session-card .small-note{margin-top:16px}.world-card,.finger,.lesson{box-shadow:0 8px 24px #08263808}.program-note{border-radius:5px;background:#ffffff0d}
@media(max-width:420px){.contact-copy h2{font-size:32px}.finger-grid{grid-template-columns:1fr}.rhythm{grid-template-columns:1fr}.actions .btn{width:100%}}

/* Colin's launch typography update: readable sentence-case headings. */
h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;text-transform:none;letter-spacing:-.035em;line-height:1.08}
h1{font-size:clamp(42px,5.2vw,70px)}h2{font-size:clamp(32px,3.8vw,52px)}
.hero h1 em{margin-top:.15em}.hero-copy{max-width:540px}
.founder-note{padding:24px;border-left:4px solid var(--gold);background:#ffffff0d;margin-top:28px}
@media(max-width:700px){h1{font-size:44px}h2{font-size:34px}}

/* Launch navigation and lesson readability — October 2026. */
.site-header nav{gap:10px 18px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}.launch-explore{padding:52px 0;background:#fff}.launch-explore h2{max-width:760px;margin-bottom:28px}.launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.launch-card{display:flex;flex-direction:column;gap:15px;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-decoration:none;min-width:0}.launch-card>span{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--navy)}.launch-card h3{font-size:23px;line-height:1.2}.launch-card p{font-size:15px;color:var(--muted);line-height:1.65}.launch-card strong{margin-top:auto;padding-top:8px;font-size:14px;color:var(--navy)}.launch-card:hover{border-color:var(--navy);background:#fff4d3}.generic-page{padding:48px 0}.generic-page h1{font-size:clamp(32px,4.5vw,50px);line-height:1.14;max-width:26ch;overflow-wrap:normal}.generic-page article article>p{margin:16px 0}.generic-page article article>nav{gap:8px 18px;margin-bottom:26px;padding:16px 0;border-bottom:1px solid var(--line)}.generic-page article article>nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--navy)}.generic-page article article ul,.generic-page article article ol{padding-left:24px;margin:18px 0}.generic-page article article li{margin:10px 0}.generic-page article article img{max-width:100%;height:auto}.generic-page article article figure{margin:24px 0}.generic-page article article figcaption{margin-top:10px;color:var(--muted);font-size:14px}.lesson-section{padding:24px 0;border-top:1px solid var(--line)}.lesson-section h2{font-size:28px;line-height:1.25;margin-bottom:16px}.lesson-section p+p{margin-top:14px}.lesson-pagination{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--line);margin-top:28px}.course-index details{margin:24px 0}.course-index summary{font-size:20px}.course-index ol{columns:2;column-gap:40px}.course-index li{break-inside:avoid}.lesson-badge{display:inline-block;margin:20px 0;padding:8px 14px;background:#fff4d3;color:var(--navy);font-weight:800;font-size:14px;border-radius:5px}.sample-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
@media(max-width:1000px){.launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{flex-direction:column;gap:14px}.site-header nav{width:100%;justify-content:flex-start}}
@media(max-width:700px){.site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.site-header nav .btn{grid-column:1/-1;margin-top:8px}.generic-page{padding:32px 0}.generic-page h1{font-size:34px}.generic-page article article{padding-inline:0!important}.generic-page article article>section{padding:24px!important}.launch-grid{grid-template-columns:1fr}.launch-explore{padding:36px 0}.launch-card{padding:22px}.course-index ol{columns:1}.sample-actions .btn{width:100%}.generic-page article article>nav a{font-size:14px}.lesson-pagination .btn{width:100%}}