/*
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.1
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}}