/* Preview of the mobile usability pass. Loaded last on every page. */
:root{--accent:#cae788;--muted:#b4c0bc;--touch:48px}
body{font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}html{scroll-padding-top:105px}.beta-notice{padding:7px 20px;text-align:center;font-size:12px;letter-spacing:.02em;background:#28352a;color:#e5efdb}.site-header{position:sticky;top:0;z-index:30;max-width:none;background:#121516f5;backdrop-filter:blur(12px);padding:14px max(5%,calc((100vw - 1440px)/2));min-height:78px;gap:25px;flex-wrap:nowrap;border-bottom:1px solid #435047}.site-header .brand{flex-shrink:0;font-size:29px;min-height:48px;display:flex;align-items:center}.site-nav{display:flex;align-items:center;gap:8px;font-size:14px}.site-nav a{display:flex!important;flex-direction:column;justify-content:center;padding:10px 14px;min-height:48px;border-radius:7px;line-height:1.35;white-space:nowrap}.site-nav a small{display:none}.site-nav a:hover,.site-nav a[aria-current=page]{background:#26342a;color:var(--accent)}.site-nav .nav-youtube{border:1px solid #526247}.menu-toggle{display:none;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:108px;border:1px solid #6b7c65;border-radius:8px;background:#202b23;color:var(--ink);font-weight:bold}.mobile-dock{display:none}.button-link,.feedback-btn,.section-link,.review-jumps a,.review-back,.footer-contact,.footer-channel{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-size:15px;line-height:1.4;gap:10px;border-radius:7px}.button-link{border:1px solid #66765d;background:#1b2720;color:var(--ink);font-weight:bold}.button-link.primary{background:var(--accent);border-color:var(--accent);color:#101712}.section-link,.review-back{justify-content:flex-start}.filters button,.archive select{font-size:14px;min-height:48px;padding:11px 16px}.filters{gap:10px}.archive{font-size:14px}.archive select{max-width:220px;border:1px solid #53634e;border-radius:6px}.photo-group h2{scroll-margin-top:100px}nav.review-jumps,.review-jumps{gap:10px}.review-jumps a{border:1px solid #586951;background:#1b2420}.gear-tags span{font-size:13px;padding:8px 13px}.gear-direct-actions{gap:20px}.gear-direct-actions>span{font-size:14px}.gear-product-heading h2{font-size:clamp(28px,4vw,52px)}.gear-lead{font-size:18px}.gear-direct-lead{font-size:18px}.gear-page h1{font-size:clamp(34px,5.5vw,78px)}.gear-intro h1{font-size:clamp(32px,4vw,52px)}.review-heading h1{margin:22px 0}.review-heading h1 br{display:none}.gear-intro{padding-bottom:18px}.review-player{margin-top:24px}.article-heading h1,.blog-home h1{overflow-wrap:normal;word-break:normal;font-size:clamp(36px,6.9vw,86px);letter-spacing:-.045em}.article-heading h1{font-size:clamp(34px,5vw,70px)}.contents a,.learning-steps a,.chapter-next a{min-height:44px;padding-block:10px;font-size:15px}.contents{gap:8px 18px}.learning-steps li{border-radius:9px}.learning-steps h3{font-size:24px}.learning-steps p{font-size:16px}.chapter-search input{min-height:48px;font-size:16px}.text-action{display:inline-flex;align-items:center;min-height:48px;font-size:15px;padding:10px 5px;color:var(--accent);text-decoration:underline;text-underline-offset:5px}.home-stage{align-items:start;padding-block:52px 65px;gap:48px;grid-template-columns:1.15fr .85fr}.home-stage h1{font-size:clamp(65px,8vw,118px);margin:15px 0 22px}.stage-lead{font-size:24px;max-width:530px;margin:22px 0 28px}.entry-paths{display:grid;grid-template-columns:1fr;gap:12px}.entry-path{position:relative;min-height:118px;padding:20px 24px;transform:none!important;border:1px solid #4b5d52;border-radius:9px;transition:border-color .2s}.entry-path strong{font-size:28px;margin:8px 0;letter-spacing:-.03em}.path-label{font-size:11px}.path-bottom{font-size:14px}.path-bottom b{position:absolute;right:23px;top:40px;font-size:28px}.entry-path .path-bottom{padding-right:30px}.learning-path-link{border-color:var(--accent)}.review-path{background:#243128;color:var(--ink)}.stage-photos{margin-top:50px}.stage-photos>a:first-child{transform:none}.stage-photos>a:first-child img{aspect-ratio:4/5;border-radius:9px}.stage-inset{transform:none;width:64%;left:-25px;bottom:-40px;border-radius:9px;overflow:hidden}.portfolio-block,.learn-block{padding-block:55px}.block-heading{align-items:center}.block-heading h2{font-size:clamp(32px,4vw,56px)}.motif-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.motif-card>span{min-height:58px;font-size:18px;padding:14px 18px}.motif-card img{aspect-ratio:1.55}.learning-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.learning-shortcuts>a{padding:26px;border:1px solid #53694e;background:#111b16;border-radius:9px;display:flex;flex-direction:column;min-height:255px}.lesson-number{font:14px monospace;color:var(--accent)}.learning-shortcuts h3{font-size:25px;line-height:1.2;margin:22px 0 12px;letter-spacing:-.03em}.learning-shortcuts p{font-size:16px;color:var(--muted);margin-bottom:26px}.learning-shortcuts strong{margin-top:auto;font-size:15px;color:var(--accent)}.home-gear{margin-top:0;padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1.1fr;gap:35px}.home-review-image{display:block}.home-review-image img{display:block;width:100%;height:auto;border-radius:9px}.home-gear .button-link{margin-top:23px;white-space:normal}.home-gear .text-action{margin-left:12px}.home-gear h2{font-size:clamp(30px,3.5vw,48px)}.about a{display:inline-flex;align-items:center;min-height:48px;font-size:15px;padding:10px 0}.footer-main{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:26px;align-items:start}.footer-contact,.footer-channel{border:1px solid #4c5e50;background:#19221d;white-space:normal;text-align:center}.footer-legal-links{gap:10px 20px;flex-wrap:wrap}.footer-legal-links a{display:inline-flex;align-items:center;min-height:44px}.footer-legal{align-items:center}.channel-card{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:45px 0 0;padding:30px;border:1px solid #4c5e50;border-radius:9px;background:#1b2720}.channel-card h2{font-size:29px;letter-spacing:-.03em}.channel-card p:last-child{margin:0;color:var(--muted)}
/* The player has no overlay after activation, so its native timeline stays free. */
.youtube-player{margin:26px 0 35px;border:1px solid #53654e;border-radius:10px;overflow:hidden;background:#0b1210;scroll-margin-top:105px}.youtube-stage{aspect-ratio:16/9;min-height:200px;position:relative;background:#050b08}.youtube-placeholder{position:absolute;inset:0}.youtube-placeholder img{width:100%;height:100%;object-fit:contain;display:block}.video-duration{position:absolute;right:14px;bottom:14px;background:#080e10e8;color:white;font-weight:bold;padding:5px 10px;border-radius:5px}.youtube-stage iframe{width:100%;height:100%;border:0;display:block;position:absolute;inset:0;pointer-events:auto;touch-action:auto}.youtube-consent{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:24px}.youtube-consent strong{font-size:20px}.youtube-consent p{font-size:14px;color:var(--muted);line-height:1.7;margin:7px 0 0;max-width:760px}.youtube-consent a{color:var(--accent);text-decoration:underline}.youtube-load{white-space:nowrap}.youtube-alternative{padding:0 24px 20px;margin:0;font-size:14px}.youtube-alternative a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.youtube-active{padding:16px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;color:var(--muted)}.youtube-stop{min-height:48px;padding:10px 17px;border:1px solid #657760;border-radius:7px;color:var(--ink);background:#223026}.youtube-player [hidden]{display:none!important}.youtube-player noscript p{padding:0 24px}
/* Picture fills the available viewport while preserving its entire aspect ratio. */
#photo-viewer{padding:0;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;background:#060a08;overflow:hidden;touch-action:none}#photo-viewer .photo-viewer-stage{position:absolute;inset:0;width:100%;height:100%;margin:0;display:block;touch-action:none}#photo-viewer .photo-viewer-stage img{display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;object-fit:contain;object-position:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default;transform:none}#photo-viewer .photo-viewer-top{position:absolute;inset:0 0 auto;z-index:3;height:auto;min-height:72px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:linear-gradient(#0009,transparent);pointer-events:none}#photo-viewer .photo-viewer-top>*{pointer-events:auto}#photo-viewer .photo-position{padding:8px 12px;border-radius:7px;background:#0b1210cc;font:14px Arial;color:white}#photo-viewer .photo-close{min-height:48px;padding:10px 16px;border:1px solid #748374;border-radius:7px;background:#0b1210e0;font-size:16px;color:white}#photo-viewer .photo-viewer-stage button{z-index:2;position:absolute;top:calc(50% - 26px);width:52px;height:52px;border:1px solid #73856e;background:#0b1210c7;border-radius:50%;font-size:27px;padding:0;color:white;touch-action:manipulation}#photo-viewer .photo-prev{left:max(14px,env(safe-area-inset-left))}#photo-viewer .photo-next{right:max(14px,env(safe-area-inset-right))}#photo-viewer .photo-viewer-rights{position:absolute;bottom:0;left:0;right:0;margin:0;padding:14px 75px max(12px,env(safe-area-inset-bottom));font:12px/1.4 Arial;color:#e2e9e1;background:linear-gradient(transparent,#0009);z-index:2}#photo-viewer .photo-viewer-rights a{display:inline-flex;align-items:center;min-height:32px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}body.viewing{overflow:hidden}body.viewing .mobile-dock{display:none}
@media(max-width:1100px){.site-nav a{padding-inline:10px;font-size:13px}.site-header{gap:18px}.site-header .brand{font-size:26px}.youtube-consent{grid-template-columns:1fr}.youtube-load{justify-self:start}.footer-main{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.learning-shortcuts{gap:14px}.learning-shortcuts>a{padding:20px}.learning-shortcuts h3{font-size:23px}}
@media(max-width:820px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.site-header{padding:10px 5%;min-height:72px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0}.site-header .brand{font-size:27px}.nav-ready .menu-toggle{display:inline-flex}.site-nav{flex:1 0 100%;display:grid;gap:6px;padding-top:12px}.nav-ready .site-nav{display:none}.nav-ready.menu-open .site-nav{display:grid;max-height:calc(100dvh - 160px);overflow-y:auto;padding-bottom:8px}.site-nav a{min-height:64px;display:flex!important;padding:12px 16px;border:1px solid #3f5144;background:#1a241e;font-size:17px;white-space:normal}.site-nav a small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.site-nav a[aria-current=page]{border-color:var(--accent)}.nav-ready .mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:35;bottom:0;left:0;right:0;max-width:none;background:#121b16f8;border-top:1px solid #63715d;gap:0;padding:5px 5px calc(5px + env(safe-area-inset-bottom));font-size:12px;box-shadow:0 -8px 25px #0004}.mobile-dock a,.mobile-dock button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:57px;min-width:0;border:0;border-radius:6px;background:transparent;color:var(--ink);font:600 12px/1.2 Arial;letter-spacing:.01em}.mobile-dock a[aria-current=page],.mobile-dock button[aria-expanded=true]{background:#2d402a;color:var(--accent)}.home-stage{grid-template-columns:1fr;padding:32px 6% 45px;gap:32px}.home-stage h1{font-size:clamp(64px,14vw,100px)}.stage-lead{font-size:21px;max-width:480px}.entry-paths{grid-template-columns:1fr}.entry-path{min-height:112px;padding:17px 20px}.entry-path strong{font-size:27px;margin:7px 0}.stage-photos{margin:0 0 30px;max-width:640px}.stage-photos>a:first-child img{aspect-ratio:1.6}.stage-inset{width:42%;left:auto;right:10px;bottom:-25px;border-width:5px}.portfolio-block,.learn-block{padding:38px 6%}.block-heading{align-items:start;gap:20px;margin-bottom:25px}.block-heading>p{font-size:16px}.motif-cards{grid-template-columns:1fr;gap:12px}.motif-card{display:grid;grid-template-columns:115px 1fr;align-items:center}.motif-card img{aspect-ratio:1.4}.motif-card>span{font-size:18px;min-height:74px;padding:14px 18px}.learning-shortcuts{grid-template-columns:1fr;gap:14px;margin:25px 0}.learning-shortcuts>a{min-height:0;padding:22px}.learning-shortcuts h3{font-size:24px;margin:13px 0 10px}.learning-shortcuts p{margin-bottom:16px}.home-gear{grid-template-columns:1fr;gap:24px;margin:0 6%;padding:38px 0}.home-gear .text-action{margin-left:0;display:flex;justify-content:flex-start}.home-gear h2{font-size:32px}.gear-page{padding:28px 6% 45px}.review-jumps{display:grid;grid-template-columns:1fr;gap:8px}.review-jumps a{justify-content:flex-start;width:100%;font-size:16px}.review-heading h1{font-size:clamp(33px,8vw,54px)}.review-heading h1 br{display:none}.youtube-player{margin-top:22px}.youtube-consent{padding:20px;gap:18px}.youtube-load{justify-self:stretch;white-space:normal;font-size:16px;min-height:54px}.youtube-consent p{font-size:14px}.youtube-alternative{padding:0 20px 16px}.youtube-active{padding:16px 20px;flex-direction:column;align-items:stretch;gap:12px}.youtube-stage{min-height:200px}.channel-card{flex-direction:column;align-items:stretch;padding:23px;gap:20px}.channel-card .button-link{width:100%}.footer-main{grid-template-columns:1fr;gap:18px}.footer-intro{grid-column:auto}.footer-contact,.footer-channel{width:100%;justify-content:flex-start;font-size:16px}.footer-legal{align-items:flex-start;gap:20px}.footer-legal-links{display:grid;grid-template-columns:1fr;gap:8px}.footer-legal-links a{padding:8px 0;font-size:14px}.filters{gap:8px}.filters button{font-size:14px;padding:11px 14px}.archive{align-self:stretch;justify-content:space-between}.archive select{flex:1;max-width:230px}.photo-viewer-rights .rights-long{display:none}.blog-home,.photo-article{padding-top:30px}.blog-lead{font-size:17px}.article-body{font-size:17px}.contents{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.contents a{font-size:14px;padding:10px;background:#202b23;border-radius:5px}.contents .eyebrow{grid-column:1/-1}.chapter-next{gap:12px}.chapter-next a{padding:12px;border:1px solid #52684e;border-radius:5px}.learning-steps{gap:16px}.practice-entry a{display:inline-flex;align-items:center;min-height:48px;font-size:16px}.feedback-actions{gap:12px}.feedback-btn{font-size:16px;min-height:50px}.question-consent{font-size:14px}.about h2{font-size:38px}}
@media(orientation:landscape) and (max-height:550px){#photo-viewer .photo-viewer-top{min-height:60px;padding-top:6px}#photo-viewer .photo-viewer-rights{padding-top:4px;padding-bottom:max(3px,env(safe-area-inset-bottom));font-size:11px}#photo-viewer .photo-viewer-rights .rights-long{display:none}#photo-viewer .photo-close{min-height:46px}.site-header{position:relative}.mobile-dock a,.mobile-dock button{min-height:48px}.nav-ready.menu-open .site-nav{max-height:230px}}
/* The old global mobile rule hid every nav's last link, including article jumps. */
main nav a:last-child{display:inline-flex}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}