/* DRUMOJO 2.5: Obsidian / Signal design system. Semantic surface + foreground pairs.
   Existing live forms, endpoints and field records remain authoritative. */
:root {--k5-night:#111a21;--k5-deep:#0b1318;--k5-charcoal:#1b292f;--k5-signal:#d8fc88;--k5-signal-text:#17200b;--k5-mist:#f1f3f0;--k5-panel:#fff;--k5-ink:#18242a;--k5-muted:#53636b;--k5-line:#d9dfdd;--k5-shadow:0 18px 58px rgba(16,28,34,.08);--k5-radius:17px;--k5-font:DRUMOJOInter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html,body{min-width:320px;font-family:var(--k5-font);-webkit-font-smoothing:antialiased}
.site-header{height:76px;padding:0 clamp(22px,4vw,76px)!important;background:#0e181d!important;border-bottom:1px solid #334248!important;backdrop-filter:blur(24px);gap:22px;box-shadow:0 1px 0 #0004}
.site-header .wordmark,.site-header .site-nav a,.site-header .header-actions>.nav-signin{color:#f3f7f5!important}
.site-header .wordmark{letter-spacing:-.09em;font-size:28px;font-weight:780;line-height:1}
.site-header .wordmark-dot{color:var(--k5-signal)}
.site-header .site-nav{gap:clamp(16px,2vw,36px)}
.site-header .site-nav a{font-size:12px!important;font-weight:600;letter-spacing:.035em;opacity:.76}
.site-header .site-nav a:hover,.site-header .site-nav a[aria-current]{opacity:1;color:var(--k5-signal)!important}
.site-header .nav-signin{font-size:12px!important;opacity:.83}
.site-header .header-start{background:var(--k5-signal)!important;color:var(--k5-signal-text)!important;border-color:var(--k5-signal)!important;min-height:42px;padding:10px 16px;font-size:12px;font-weight:800;border-radius:8px}
.site-header .header-start:hover{background:#eeffbe!important}
.site-header .drumojo-display-toggle{color:#f0f6f3!important;background:#17262c!important;border-color:#44565a!important;min-height:42px}
.site-header .drumojo-display-toggle:hover{border-color:var(--k5-signal)!important}
.site-header .mobile-nav-button{height:44px;width:44px;display:none;place-content:center;border:1px solid #46535a;border-radius:8px}
.site-header .mobile-nav-button span{background:#f1f7f5}
.k5-home{background:var(--k5-mist);color:var(--k5-ink)}
.k5-home *{box-sizing:border-box}.k5-home h1,.k5-home h2,.k5-home h3{font-family:var(--k5-font);font-weight:780;letter-spacing:-.063em;line-height:1.04}.k5-home em{font-style:normal;color:var(--k5-signal)}
.k5-home a,.site-footer a{transition:color .18s,background .18s,border-color .18s,transform .18s}
.k5-hero{isolation:isolate;min-height:min(840px,calc(100dvh - 76px));position:relative;display:flex;flex-direction:column;overflow:hidden;background:#0b1216;color:white;padding:0 clamp(22px,5vw,90px)}
.k5-hero-media{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(5,11,15,.94) 0%,rgba(7,12,16,.86) 43%,rgba(5,10,13,.24) 100%),url('stage-crew.png');background-repeat:no-repeat;background-position:center,right center;background-size:cover;filter:contrast(1.09)}
.k5-hero-grain{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(5,14,18,.86) 0%,transparent 30%,rgba(2,8,11,.1) 70%);pointer-events:none}
.k5-hero-layout{width:100%;max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px;align-items:center;padding:92px 0 65px}
.k5-masthead{color:#d8fc88;letter-spacing:.19em;font-size:10px;font-weight:800;display:flex;align-items:center;gap:12px;max-width:700px;line-height:1.55}.k5-masthead i{width:6px;height:6px;background:var(--k5-signal);border-radius:100%;flex:none;box-shadow:0 0 0 5px #d8fc8823}
.k5-issue{color:#9fb4b5;font-size:11px;letter-spacing:.16em;font-weight:650;margin-top:38px;display:flex;gap:30px}.k5-issue span{opacity:.6}
.k5-hero h1{font-size:clamp(62px,7.7vw,134px);max-width:1000px;letter-spacing:-.083em;line-height:.93;margin:27px 0 27px;text-wrap:balance}.k5-hero h1 em{position:relative}
.k5-hero-lead{max-width:620px;font-size:clamp(16px,1.55vw,20px);line-height:1.65;color:#d6e2e2;font-weight:400}
.k5-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 42px}
.k5-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid transparent;border-radius:9px;padding:12px 19px;font-size:13px;font-weight:800;letter-spacing:.005em;max-width:100%;text-align:left}
.k5-cta-hot{background:var(--k5-signal);color:var(--k5-signal-text)!important}.k5-cta-hot:hover{background:#ecffb8;transform:translateY(-2px)}
.k5-cta-ghost{border-color:#a5b8b9b0;background:#ffffff09;color:#fff!important}.k5-cta-ghost:hover{background:#fff2}
.k5-operating-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#b6cbcc;font-size:10px;font-weight:700;letter-spacing:.11em}.k5-live-indicator{width:6px;height:6px;background:#b8efca;border-radius:50%}.k5-operation-sep{width:1px;height:14px;background:#819494}
.k5-hero-side{display:flex;flex-direction:column;align-self:stretch;justify-content:center;gap:15px;padding-left:25px;border-left:1px solid #ffffff45;color:#d5e1db;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.035em;line-height:1.8}
.k5-hero-bottom{max-width:1600px;width:100%;margin:0 auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #82979a65;padding:24px 0 23px;font-size:10px;color:#bbc9c7;letter-spacing:.14em;font-weight:700}.k5-hero-bottom b{color:var(--k5-signal);font-size:17px;margin-left:10px}
.k5-intro,.k5-mode-section,.k5-performance,.k5-capabilities,.k5-onboarding{padding:clamp(76px,8vw,140px) clamp(22px,5vw,90px)}
.k5-section-id{display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#5c7175;margin-bottom:44px}.k5-intro-layout,.k5-onboard-grid{max-width:1500px;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,8vw,155px);align-items:start;margin:auto}.k5-intro h2,.k5-mode-head h2,.k5-capabilities h2,.k5-onboarding h2,.k5-performance h2,.k5-final h2{font-size:clamp(43px,5.8vw,88px);letter-spacing:-.074em}.k5-intro em,.k5-mode-head em,.k5-capabilities em,.k5-onboarding em{color:#34736e}
.k5-lead{font-size:clamp(19px,2vw,27px);line-height:1.5;color:#1b2a2e;font-weight:600;letter-spacing:-.028em}.k5-support{color:var(--k5-muted);font-size:15px;margin:25px 0 30px;line-height:1.8}
.k5-text-link{color:#214d48!important;font-size:13px;display:inline-flex;align-items:center;gap:10px;font-weight:800;border-bottom:1px solid currentColor;padding:4px 0 9px}.k5-text-link:hover{color:#41816f!important}
.k5-mode-section{background:#e4e9e5}.k5-mode-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.k5-mode-head p{max-width:400px;color:#526368;font-size:16px;line-height:1.7}.k5-mode-tabs{display:flex;gap:6px;border-bottom:1px solid #abbcb5;padding-bottom:1px;overflow-x:auto;scrollbar-width:thin}.k5-mode-tabs button{position:relative;background:transparent;border:0;border-bottom:3px solid transparent;min-height:60px;padding:14px clamp(13px,2vw,28px);color:#516465;flex-shrink:0;font-size:14px;font-weight:700}.k5-mode-tabs button span{font-size:10px;font-family:ui-monospace,monospace;margin-right:11px;color:#6d8583}.k5-mode-tabs button:hover{background:#d3deda}.k5-mode-tabs button[aria-selected=true]{color:#13252a;border-bottom-color:#245c53}.k5-mode-tabs button[aria-selected=true] span{color:#276e5c}
.k5-mode-panel{display:grid;grid-template-columns:1fr 1fr;min-height:530px;border:1px solid #c7d1cb;background:#122026;color:#f5f7f1;border-radius:0 0 16px 16px;overflow:hidden}.k5-mode-copy{padding:clamp(32px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.k5-mode-copy>span:first-child{color:var(--k5-signal);font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.13em}.k5-mode-copy h3{font-size:clamp(35px,4.3vw,66px);max-width:550px;margin:28px 0 15px;color:white}.k5-mode-copy>p{font-size:16px;color:#c3d5d1;line-height:1.8;max-width:480px}.k5-mode-tools{display:flex;flex-wrap:wrap;gap:8px;margin:29px 0}.k5-mode-tools span{font-size:12px;line-height:1.3;border:1px solid #597474;padding:8px 10px;border-radius:6px;color:#e9f1ea}.k5-mode-visual{min-height:430px;position:relative;overflow:hidden;background:#20313a}.k5-mode-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1c21e0,transparent 55%)}.k5-mode-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center;filter:saturate(.7)}.k5-mode-overlay{position:absolute;z-index:2;bottom:40px;left:32px;right:25px;display:grid;gap:9px;color:white}.k5-mode-overlay b{font:800 11px ui-monospace,monospace;color:var(--k5-signal);letter-spacing:.13em}.k5-mode-overlay span{font-size:18px;font-weight:750;letter-spacing:-.035em}
.k5-performance{background:#0b151b;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,7vw,125px);align-items:center;overflow:hidden}.k5-performance .k5-section-id{color:#b6c6b9}.k5-performance h2{color:#fff}.k5-performance h2 em{color:var(--k5-signal)}.k5-performance-left>p{color:#adc3c6;font-size:17px;margin:26px 0 32px;max-width:650px}.k5-performance .k5-text-link{color:#d8fc88!important}.k5-points{display:grid;gap:0;margin-bottom:28px}.k5-points>div{display:flex;align-items:start;gap:18px;padding:17px 0;border-bottom:1px solid #385056}.k5-number{color:var(--k5-signal);font:700 12px ui-monospace,monospace;margin-top:3px}.k5-points strong{font-size:15px}.k5-points p{font-size:13px;color:#adc3c6;margin-top:7px}
.k5-performance-right{display:grid;place-items:center;perspective:1100px}.k5-stage-sheet{width:min(100%,580px);aspect-ratio:8/9;min-height:475px;border:1px solid #425f63;border-radius:24px;background:radial-gradient(ellipse at top left,#203a40,#0e171e 60%);box-shadow:0 50px 70px #0007,0 0 0 8px #ffffff05;transform:rotate(-3deg);padding:clamp(23px,4vw,43px);display:flex;flex-direction:column}.k5-sheet-bar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #53676a;padding-bottom:20px;color:#d0e6dc;letter-spacing:.1em;font:700 11px ui-monospace,monospace}.k5-sheet-led{color:#d8fc88}.k5-sheet-eyebrow{font:700 11px ui-monospace,monospace;color:#91aab3;letter-spacing:.13em;margin-top:57px}.k5-sheet-empty{font-size:clamp(39px,4vw,76px);letter-spacing:-.07em;font-weight:780;line-height:1.05;margin-top:20px}.k5-sheet-empty span{color:var(--k5-signal)}.k5-sheet-rule{height:1px;background:#405761;margin:auto 0 23px}.k5-sheet-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:14px}.k5-sheet-grid span{color:#a6bec4;font-size:10px;letter-spacing:.1em}.k5-sheet-grid strong{text-align:right;font:700 12px ui-monospace,monospace;color:#ecf5f2}.k5-sheet-foot{font-size:11px;color:#a8b8bc;margin-top:28px}
.k5-capabilities{background:#f6f7f4}.k5-capabilities h2{margin-bottom:45px}.k5-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.k5-cap{min-height:385px;display:flex;flex-direction:column;padding:clamp(23px,2.3vw,38px);background:#e8edeb;border:1px solid #ced8d2;transition:background .18s,transform .18s}.k5-cap:hover{background:#dce7df;transform:translateY(-3px)}.k5-cap>span{font:700 11px ui-monospace,monospace;color:#467064;letter-spacing:.09em}.k5-cap h3{font-size:clamp(22px,2.1vw,34px);margin:55px 0 18px;letter-spacing:-.052em}.k5-cap p{font-size:14px;color:#526365;line-height:1.75}.k5-cap b{font-size:12px;color:#22564b;margin-top:auto;padding-top:32px}
.k5-onboarding{background:#e4eae5}.k5-onboarding h2{margin-bottom:22px}.k5-onboarding p{color:#526669;font-size:16px;line-height:1.75}.k5-onboard-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}.k5-steps{display:grid}.k5-steps>div{display:flex;gap:26px;align-items:start;padding:27px 0;border-top:1px solid #adbcb7}.k5-steps b{color:#22544d;font:700 12px ui-monospace,monospace;padding-top:5px}.k5-steps strong{font-size:18px;letter-spacing:-.03em}.k5-steps p{font-size:14px;margin-top:8px}.k5-final{background:#0d191e;color:white;padding:75px clamp(22px,5vw,90px);display:flex;align-items:center;justify-content:space-between;gap:35px}.k5-final>div>span{color:var(--k5-signal);font:700 11px ui-monospace,monospace;letter-spacing:.12em}.k5-final h2{margin-top:17px}.k5-final h2 em{color:var(--k5-signal)}
.site-footer{background:#081218!important;color:#f1f6f1;grid-template-columns:1.5fr 1fr 1fr;gap:40px;border-top:1px solid #344b49;padding:54px clamp(22px,5vw,90px)}.site-footer .wordmark{color:#fff;font-size:30px}.site-footer .wordmark-dot{color:var(--k5-signal)}.site-footer>div:not(:first-child),.site-footer p{color:#b4c5c3}.site-footer a:hover{color:var(--k5-signal)}
/* Distinct full application management shell, not a public marketing page with tabs */
body:has(.manage-layout){background:#e9edeb}.inner:has(.manage-layout){max-width:none!important;padding:32px clamp(16px,3vw,56px) 80px!important;background:#ecf0ed;min-height:calc(100dvh - 76px);color:var(--k5-ink)}
.inner:has(.manage-layout)> .eyebrow{color:#4e6e6c;font:700 10px ui-monospace,monospace;letter-spacing:.13em}
.inner:has(.manage-layout)>.inner-head{max-width:none;margin:8px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid #c7d1cc;padding-bottom:22px}
.inner:has(.manage-layout)>.inner-head h1{font-size:clamp(38px,4vw,65px);letter-spacing:-.071em;margin:10px 0}.inner:has(.manage-layout)>.inner-head p{font-size:14px;max-width:440px;color:#53686c;line-height:1.65}
.manage-layout{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:0!important;max-width:1600px;margin:auto;align-items:stretch;background:#fff;border:1px solid #d2dcd5;border-radius:18px;box-shadow:var(--k5-shadow);overflow:clip;min-height:690px}
.manage-nav{position:relative!important;top:auto!important;display:flex!important;flex-direction:column;gap:3px;min-width:0;padding:24px 13px!important;background:#122128;color:#e6eee9;border:0!important;overflow:visible!important;white-space:normal!important}
.manage-nav .mg-nav-label{font:800 10px ui-monospace,monospace;color:#94aeb0;letter-spacing:.17em;padding:24px 15px 10px}.manage-nav .mg-nav-label:first-child{padding-top:9px}
.manage-nav button[data-tab]{flex-shrink:0;display:flex!important;align-items:center;gap:12px;min-height:47px;padding:12px 13px;border-radius:9px;font-size:13px;font-weight:650;white-space:normal;color:#c6d7d5!important;background:transparent!important;text-align:left;border:1px solid transparent}
.manage-nav button[data-tab]:hover{background:#213942!important;color:#fff!important}.manage-nav button[data-tab].active{background:#d8fc88!important;color:#16251c!important;border-color:#d8fc88;font-weight:800}
.manage-nav button[data-tab] .mg-nav-icon{display:grid;place-items:center;width:21px;height:21px;font:800 11px ui-monospace,monospace;color:#9db9b6;flex:none}
.manage-nav button[data-tab].active .mg-nav-icon{color:#365a30}
.manage-nav .mg-sidebar-foot{margin-top:auto;border-top:1px solid #41555c;padding:18px 10px 2px}.mg-sidebar-foot a,.mg-sidebar-foot button{min-height:44px;width:100%;text-align:left;display:flex;align-items:center;padding:12px 7px;font-size:12px;color:#c4d6d0!important;gap:8px}
.manage-nav .mg-sidebar-foot button:hover,.manage-nav .mg-sidebar-foot a:hover{color:#d8fc88!important}
.manage-main{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;min-height:620px;padding:clamp(26px,4vw,58px)!important;color:#17272c!important}
.manage-main>h2{font-size:clamp(26px,2.6vw,39px);letter-spacing:-.05em;margin:0 0 12px;color:#17272c!important}
.manage-main>h3,.manage-main form h3{font-size:21px;color:#18292e;letter-spacing:-.04em}
.manage-main .manage-subtle{font-size:14px;color:#586a6c!important;max-width:800px;margin-bottom:22px;line-height:1.7}
.manage-main .form-field{color:#304447!important;font-size:12px}.manage-main input:not([type=color]),.manage-main select,.manage-main textarea{background:#f8faf8!important;color:#18282b!important;border:1px solid #bccac2!important;min-height:48px;border-radius:9px;font-size:14px}
.manage-main input:focus-visible,.manage-main select:focus-visible,.manage-main button:focus-visible{outline:3px solid #417766!important;outline-offset:2px}
.manage-main .button-primary{background:#1a443e!important;border-color:#1a443e!important;color:white!important}.manage-main .button-primary:hover{background:#285d4f!important}
.manage-main .button-outline{border:1px solid #b6c6bf!important;background:#f5f8f5!important;color:#1d443d!important}.manage-main .button-outline:hover{background:#e7eee8!important}
.manage-main .stat-box{background:#f2f6f1!important;border-color:#d9e3db!important;border-radius:12px;padding:23px}.manage-main .stat-box strong{font-size:25px;color:#142b28!important}.manage-main .stat-box small{color:#536962!important}
.manage-main .workspace-choice{background:#f2f6f1;border-color:#d6e0d8;padding:19px 23px}.manage-main .workspace-choice b{font-size:16px}
.manage-main .manage-table :is(th,td){padding:17px 13px;border-bottom:1px solid #dfe6e0;color:#243a39}.manage-main .manage-table th{color:#5e726e!important;font-size:11px;letter-spacing:.045em;text-transform:uppercase}
.manage-main .info-note{background:#e9f1ea;border-left:3px solid #327866;color:#244d40!important}
.manage-main .form-status.error{background:#fff0e8!important;color:#802f18!important}.manage-main .form-status.success{background:#e7f6e7!important;color:#215c35!important}
.manage-main .account-overview{gap:14px}
.mg-mobile-toggle,.mg-mobile-close{display:none}.mg-aside-brand{padding:4px 14px 25px;border-bottom:1px solid #41555c;margin-bottom:12px}.mg-aside-brand strong{display:block;font-size:21px;letter-spacing:-.09em;color:#fff}.mg-aside-brand strong b{color:#d8fc88}.mg-aside-brand span{display:block;color:#a3b9b9;font:700 10px ui-monospace,monospace;letter-spacing:.08em;margin-top:8px}
/* Separate, substantive onboarding / auth scene */
.auth-shell{min-height:calc(100dvh - 76px);grid-template-columns:1fr 1fr!important;background:#f3f5f1}.auth-visual{background:linear-gradient(90deg,#091317ec,#132024b8),url('stage-crew.png') center /cover;padding:clamp(35px,5vw,84px)}.auth-visual h2{font-size:clamp(41px,4vw,72px);font-weight:760;line-height:1.03;letter-spacing:-.06em;color:#fff}.auth-visual em{color:var(--k5-signal)}.auth-visual p{color:#d4ded5!important;font-size:16px}.auth-tags span{border-color:#6c8787!important;color:#e4ede4!important}
.auth-panel{background:#f4f7f3!important;padding:clamp(30px,5vw,72px)}.auth-panel-inner h1{font-size:clamp(34px,3.7vw,57px);letter-spacing:-.065em;color:#19272c}.auth-panel-inner p{color:#586e68!important;font-size:14px}.auth-panel .button-primary{background:#1b493e!important;border-color:#1b493e;color:#fff;border-radius:9px;min-height:51px}
.auth-panel .form-field :is(input,select){background:#fff!important;color:#132b26!important;border:1px solid #b5c8bd!important;min-height:49px;font-size:15px}.auth-panel .form-field{color:#354c45!important}.auth-panel .auth-links a{color:#225b48!important}
/* Inner public pages */
.inner:not(:has(.manage-layout)){background:#f2f4f0;padding-top:clamp(48px,5vw,100px)}.inner .inner-head h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-.075em;color:#1c292c}.inner .inner-head>p:last-child{color:#536566;font-size:17px}
.inner .feature-card,.inner .plan-card{border-color:#d2ded7;border-radius:12px;box-shadow:none}.inner :is(.feature-card,.plan-card) h2{color:#17292d}.inner :is(.feature-card,.plan-card) p{color:#506669}
.inner .feature-card:hover,.inner .plan-card:hover{border-color:#94b4a3}.inner .button-primary{background:#1d473d!important;color:white!important;border-radius:9px}.inner .button-outline{border-color:#afc5b6;background:#f7f9f6;color:#194839}
/* Dark appearance uses real inversions, never white-on-white */
html[data-k25-appearance=dark] body:has(.manage-layout),html[data-k25-appearance=dark] .inner:has(.manage-layout){background:#0e191d!important;color:#eef3ee!important}
html[data-k25-appearance=dark] .inner:has(.manage-layout)>.inner-head :is(h1,p){color:#e8f0e9!important}
html[data-k25-appearance=dark] .manage-layout{background:#18282d;border-color:#415357}
html[data-k25-appearance=dark] .manage-main{background:#18282d!important;color:#eef5f0!important}
html[data-k25-appearance=dark] .manage-main :is(h2,h3,strong,label,b),html[data-k25-appearance=dark] .manage-main .manage-subtle{color:#edf3ee!important}
html[data-k25-appearance=dark] .manage-main :is(.stat-box,.workspace-choice){background:#213339!important;border-color:#40575a!important}
html[data-k25-appearance=dark] .manage-main .stat-box :is(strong,small),html[data-k25-appearance=dark] .manage-main .workspace-choice :is(b,small){color:#e7f0e9!important}
html[data-k25-appearance=dark] .manage-main :is(input:not([type=color]),select,textarea){background:#1b2e34!important;color:#f1f7f2!important;border-color:#536867!important}
html[data-k25-appearance=dark] .manage-main .manage-table :is(th,td){color:#dfeae3!important;border-color:#3d5150}
html[data-k25-appearance=dark] .manage-main .button-outline{background:#2b403e!important;color:#eff8e7!important;border-color:#637974!important}
html[data-k25-appearance=dark] .manage-main .info-note{background:#29433f;color:#eff8ed!important}
html[data-k25-appearance=dark] .auth-panel{background:#14252a!important}html[data-k25-appearance=dark] .auth-panel-inner :is(h1,h2),html[data-k25-appearance=dark] .auth-panel .form-field{color:#edf6ec!important}html[data-k25-appearance=dark] .auth-panel-inner p{color:#bed1c8!important}html[data-k25-appearance=dark] .auth-panel .form-field :is(input,select){background:#20353a!important;color:#f6f8f4!important;border-color:#607a78!important}
/* Effective system dark appearance using dark tokens */
@media(prefers-color-scheme:dark){html[data-k25-appearance=system] body:has(.manage-layout),html[data-k25-appearance=system] .inner:has(.manage-layout){background:#0e191d!important;color:#eff4ee!important}html[data-k25-appearance=system] .manage-layout{background:#18282d;border-color:#415357}html[data-k25-appearance=system] .manage-main{background:#18282d!important;color:#eef5f0!important}html[data-k25-appearance=system] .manage-main :is(h2,h3,strong,label,b),html[data-k25-appearance=system] .inner:has(.manage-layout)>.inner-head :is(h1,p){color:#edf3ee!important}html[data-k25-appearance=system] .manage-main .manage-subtle{color:#c7d6cf!important}html[data-k25-appearance=system] .manage-main :is(.stat-box,.workspace-choice){background:#213339!important;border-color:#40575a!important}html[data-k25-appearance=system] .manage-main .stat-box :is(strong,small),html[data-k25-appearance=system] .manage-main .workspace-choice :is(b,small){color:#e7f0e9!important}html[data-k25-appearance=system] .manage-main :is(input:not([type=color]),select,textarea){background:#1b2e34!important;color:#f1f7f2!important;border-color:#536867!important}html[data-k25-appearance=system] .manage-main .manage-table :is(th,td){color:#dfeae3!important;border-color:#3d5150}html[data-k25-appearance=system] .auth-panel{background:#14252a!important}html[data-k25-appearance=system] .auth-panel .form-field :is(input,select){background:#20353a!important;color:#f6f8f4!important;border-color:#607a78!important}html[data-k25-appearance=system] .auth-panel-inner :is(h1,h2),html[data-k25-appearance=system] .auth-panel .form-field{color:#edf6ec!important}}
@media(max-width:1120px){.site-header{gap:14px;padding:0 3%!important}.site-header .site-nav{gap:15px}.site-header .site-nav a{font-size:11px!important}.k5-hero-layout{grid-template-columns:minmax(0,1fr) 155px}.k5-cap-grid{grid-template-columns:repeat(2,1fr)}.k5-cap{min-height:290px}.k5-cap h3{margin-top:38px}.k5-mode-panel{min-height:450px}}
@media(max-width:850px){.site-header{height:68px}.site-header .site-nav{position:absolute;top:68px;left:0;right:0;background:#0e181d!important;display:none;padding:20px 25px;flex-direction:column;align-items:stretch;border-bottom:1px solid #53635f}.site-header .site-nav.open{display:flex}.site-header .mobile-nav-button{display:grid}.site-header .site-nav a{padding:13px 0;font-size:15px!important}.site-header .header-start{display:none}.site-header .nav-signin{font-size:13px!important}.k5-hero{min-height:710px;padding:0 5%}.k5-hero-layout{grid-template-columns:1fr;padding:75px 0 60px}.k5-hero-side{display:none}.k5-hero-media{background-position:center,right center}.k5-hero h1{font-size:clamp(60px,9vw,97px)}.k5-intro-layout,.k5-onboard-grid{grid-template-columns:1fr;gap:35px}.k5-mode-head{display:block}.k5-mode-head p{margin-top:22px}.k5-performance{grid-template-columns:1fr}.k5-performance-right{max-width:620px;width:100%;margin:auto}.k5-mode-panel{grid-template-columns:1fr}.k5-mode-visual{min-height:380px}.manage-layout{grid-template-columns:240px minmax(0,1fr)!important}.manage-main{padding:24px!important}}
@media(max-width:660px){.site-header{gap:10px;padding:0 16px!important}.site-header .wordmark{font-size:24px}.site-header .header-actions{gap:9px}.site-header .drumojo-display-toggle{font-size:0;width:40px;min-width:40px;height:44px}.site-header .drumojo-display-toggle:after{content:'◐';font-size:20px}.site-header .nav-signin{display:none}.k5-hero{min-height:calc(100dvh - 68px);padding:0 19px}.k5-hero-media{background-image:linear-gradient(90deg,#091217f5 0%,#091217da 68%,#0912179c 100%),url('stage-crew.png');background-position:center,right center}.k5-hero-layout{padding:85px 0 42px}.k5-hero h1{font-size:clamp(53px,12vw,78px);margin:24px 0}.k5-hero-lead{font-size:16px}.k5-issue{font-size:9px;margin-top:31px}.k5-issue span{display:none}.k5-masthead{font-size:9px;max-width:285px}.k5-hero-actions{display:grid;max-width:390px}.k5-hero-actions .k5-cta{width:100%}.k5-operating-note{font-size:9px;gap:8px}.k5-operation-sep{display:none}.k5-operating-note span:last-child{width:100%;padding-left:14px}.k5-hero-bottom{font-size:9px;gap:20px}.k5-hero-bottom span:last-child{white-space:nowrap}.k5-section-id{font-size:10px;display:block;margin-bottom:24px}.k5-section-id span:last-child{display:block;margin-top:7px;font-size:9px;opacity:.7}.k5-intro,.k5-mode-section,.k5-performance,.k5-capabilities,.k5-onboarding{padding:70px 19px}.k5-intro h2,.k5-mode-head h2,.k5-performance h2,.k5-capabilities h2,.k5-onboarding h2,.k5-final h2{font-size:clamp(43px,9.5vw,67px)}.k5-mode-tabs{margin-left:-19px;margin-right:-19px;padding-left:19px;padding-right:19px}.k5-mode-tabs button{padding:12px 15px;min-height:52px;font-size:12px}.k5-mode-panel{margin:0 -19px;border-radius:0}.k5-mode-copy{padding:40px 24px}.k5-mode-copy h3{font-size:46px}.k5-mode-visual{min-height:300px}.k5-cap-grid{grid-template-columns:1fr}.k5-cap{min-height:255px}.k5-cap h3{margin:29px 0 13px;font-size:31px}.k5-final{padding:60px 19px;display:grid}.k5-stage-sheet{min-height:460px;transform:none;aspect-ratio:auto}.k5-sheet-empty{font-size:54px}.site-footer{grid-template-columns:1fr 1fr;padding:40px 19px}.site-footer>div:first-child{grid-column:1/-1}.manage-layout{display:block!important;overflow:visible;border-radius:12px;min-height:0}.manage-nav{display:none!important}.drumojo-manage-drawer .manage-nav{display:flex!important;position:fixed!important;inset:0 auto 0 0;width:min(310px,88vw);z-index:250;overflow-y:auto!important;box-shadow:0 0 0 100vmax #001015b8}.mg-mobile-toggle,.mg-mobile-close{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid #9eb7ab;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:750;color:#214a3d;background:#eef6eb}.mg-mobile-close{display:flex;background:#2a4145;color:white;border-color:#607673;margin:0 8px 11px}.manage-main{padding:28px 17px!important}.inner:has(.manage-layout){padding:19px 12px 50px!important}.inner:has(.manage-layout)>.inner-head{display:block}.inner:has(.manage-layout)>.inner-head h1{font-size:38px}.inner:has(.manage-layout)>.inner-head p{font-size:13px}.auth-shell{grid-template-columns:1fr!important}.auth-visual{min-height:290px;padding:40px 22px}.auth-visual h2{font-size:40px}.auth-panel{padding:41px 22px}.manage-main .manage-table{min-width:480px}}
@media(prefers-reduced-motion:reduce){.k5-home *,.site-header *{scroll-behavior:auto!important;transition:none!important;animation:none!important;transform:none!important}}
@media print{.k5-hero,.k5-mode-visual,.k5-performance-right,.k5-hero-bottom,.k5-mode-tabs,.mg-mobile-toggle{display:none!important}.k5-intro,.k5-mode-section,.k5-performance,.k5-capabilities,.k5-onboarding{padding:20px!important;background:#fff!important;color:#000!important}.manage-nav{display:none!important}.manage-layout{display:block!important}}

/* Product proof uses an actual browser capture, never a fictional application dashboard. */
.k5-actual-screen{width:100%;margin:0;padding:12px;background:#14242b;border:1px solid #587275;border-radius:19px;box-shadow:0 22px 85px #0008;transform:rotate(-1.7deg)}.k5-actual-screen-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#c4d8d4;font:700 10px ui-monospace,monospace;letter-spacing:.1em;padding:9px 10px 17px}.k5-actual-screen-top i{display:inline-block;width:7px;height:7px;background:#d8fc88;border-radius:50%;margin-right:8px}.k5-actual-screen img{width:100%;height:auto;display:block;border:1px solid #496262;border-radius:10px;aspect-ratio:1280/860;object-fit:cover;object-position:top left}.k5-actual-screen figcaption{font-size:11px;line-height:1.6;color:#bed0c9;padding:14px 10px 5px}@media(max-width:660px){.k5-actual-screen{transform:none}.k5-actual-screen-top{font-size:9px}.k5-actual-screen-top span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.k5-actual-screen{transform:none}}
/* DRUMOJO v2.6 — source-backed asset-intelligence marketing & comparisons */
.k6-public-qr{padding:clamp(42px,7vw,120px) clamp(20px,6vw,95px);background:#ecf2f3;color:#102a39}.k6-qr-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(22px,6vw,85px);align-items:center}.k6-public-qr h2{font-size:clamp(36px,5vw,80px);line-height:1.05;letter-spacing:-.065em;margin:20px 0;color:#102a39}.k6-public-qr p{color:#385465;font-size:clamp(15px,1.5vw,19px);line-height:1.7;max-width:660px}.k6-public-qr li{padding:7px 0;font-size:15px;color:#1e3a4b}.k6-public-qr ul{padding-left:18px}.k6-public-qr .k6-disclosure{font-size:13px;color:#476272}.k6-qr-visual{border-radius:23px;min-height:340px;background:radial-gradient(ellipse at 80% 12%,#38859655,transparent 45%),linear-gradient(145deg,#111e2d,#1b3c49);padding:clamp(20px,4vw,55px);display:flex;align-items:center;justify-content:center}.k6-qr-card{width:100%;max-width:400px;border:1px solid #627e8f;background:#142b38;color:#effaff;border-radius:18px;padding:clamp(22px,4vw,40px);box-shadow:0 25px 40px #0005;transform:rotate(-2deg)}.k6-qr-card>span,.k6-qr-card small{display:block;font-size:11px;letter-spacing:.14em;color:#a7d2dd}.k6-qr-card>strong{display:block;font-size:clamp(26px,3.8vw,47px);line-height:1.08;letter-spacing:-.055em;margin:35px 0}.k6-qr-card em{color:#8be2e8;font-style:normal}.k6-qr-dots{font-size:clamp(46px,7vw,90px);letter-spacing:0;margin:30px 0 18px;color:#aff8ec}.k6-qr-layout .k5-cta-ghost{border-color:#738997;color:#193544}
.k6-compare-intro{max-width:1100px;margin:22px 0 35px}.k6-compare-intro h2,.k6-business h2,.k6-faq h2{font-size:clamp(27px,3.5vw,43px);color:var(--ink);margin:18px 0}.k6-compare-intro p{font-size:17px;max-width:860px;color:var(--muted);line-height:1.7}.k6-comparison-scroll{overflow:auto;border-radius:18px;border:1px solid var(--line);background:var(--white)}.k6-comparison{border-collapse:collapse;width:100%;min-width:850px;color:var(--ink);font-size:14px}.k6-comparison th,.k6-comparison td{padding:18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}.k6-comparison thead th{background:var(--deep);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.k6-comparison tbody th{font-size:17px;font-weight:750}.k6-comparison a{color:var(--accent);font-weight:750;text-decoration:underline;text-underline-offset:3px}.k6-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.k6-check-grid article{border:1px solid var(--line);background:var(--white);padding:clamp(16px,2vw,25px);border-radius:16px;color:var(--ink)}.k6-check-grid article h3{font-size:21px;font-weight:740;color:var(--ink);line-height:1.2}.k6-check-grid article p{font-size:14px;line-height:1.7;color:var(--muted)}.k6-faq{margin:30px 0 42px;max-width:1040px}.k6-faq details{border-bottom:1px solid var(--line);padding:12px 3px}.k6-faq summary{cursor:pointer;font-weight:750;font-size:16px;color:var(--ink);padding:9px 0}.k6-faq details p{color:var(--muted);line-height:1.7;max-width:850px}.k6-price{display:block;margin:18px 0;font-size:clamp(32px,3vw,48px);color:var(--ink)}.k6-price small{display:block;font-size:12px;font-weight:550;color:var(--muted)}.k6-business{margin:28px 0}.k6-business p{font-size:15px;line-height:1.7;color:var(--muted)}.k6-business a{color:var(--accent);text-decoration:underline}
@media(max-width:900px){.k6-qr-layout{grid-template-columns:1fr}.k6-qr-visual{min-height:220px}.k6-check-grid{grid-template-columns:1fr}}@media(max-width:600px){.k6-public-qr{padding:44px 19px}.k6-public-qr h2{font-size:38px}.k6-qr-card{transform:none}.k6-compare-intro h2{font-size:30px}}
@media print{.k6-qr-visual,.k6-public-qr .k5-hero-actions{display:none}.k6-compare-intro h2{font-size:24pt}.k6-comparison-scroll{overflow:visible}.k6-comparison{min-width:0}}

/* DRUMOJO 3.1 professional graphic system / restrained manga-ink hierarchy */
:root{--ink:#eae3db;--canvas:#141a29;--surface:#222d3e;--accent:#b6a8ff;--line:#677183}html,body{background:#161c2b;color:#eee8df}h1,h2,.site-hero h1{letter-spacing:-.035em}.site-hero{background:linear-gradient(130deg,#171d2b,#253047)}.site-hero:before{content:'';position:absolute;inset:0 0 auto auto;width:240px;height:220px;opacity:.14;background:repeating-radial-gradient(circle,#ecb5a5 0 1px,transparent 2px 15px);pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* DRUMOJO v3.2: semantic USWDS-inspired component rules in the existing canonical
   public-site stylesheet. Visual treatment remains DRUMOJO-specific, not USWDS branding. */
:root{--k32-focus:#d8fc88;--k32-night:#101d21;--k32-paper:#eceee7;--k32-paper2:#e0e6df;--k32-type:#172b2e;--k32-low:#455c60;--k32-line:#afbfb9;--k32-alert:#754622;--k32-radius:12px}
.k32-pages{background:#e8ece7;color:var(--k32-type);min-height:calc(100dvh - 74px);font-family:DRUMOJOInter,Inter,system-ui,sans-serif}
.k32-pages *{box-sizing:border-box}.k32-pages .k32-inner{max-width:1600px;margin:0 auto;padding:clamp(28px,5vw,80px) clamp(18px,5vw,86px) 125px}
.k32-pages a{color:#174e45;text-decoration-thickness:1px;text-underline-offset:5px}.k32-pages a:hover{color:#27735c}
.k32-pages a:focus-visible,.k32-pages button:focus-visible,.k32-pages input:focus-visible,.k32-pages select:focus-visible,.k32-pages textarea:focus-visible,.k32-pages summary:focus-visible{outline:3px solid #206f5f;outline-offset:4px}
.k32-pages h1,.k32-pages h2,.k32-pages h3{font-family:var(--k5-font,DRUMOJOInter,sans-serif);font-weight:800;line-height:1.08;letter-spacing:-.06em;color:#10252a;text-wrap:balance}
.k32-pages h1{font-size:clamp(45px,6vw,100px);max-width:1070px;margin:24px 0 22px}
.k32-pages h2{font-size:clamp(25px,3vw,44px);margin:0 0 14px}.k32-pages h3{font-size:22px;margin:0 0 11px}
.k32-pages p{font-size:clamp(15px,1.12vw,18px);line-height:1.75;color:#344a4e;margin:0 0 16px;max-width:76ch}
.k32-pages small,.k32-overline{font-size:11px!important;letter-spacing:.11em;font-weight:850;line-height:1.5;color:#415d60}
.k32-overline,.k32-masthead{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.k32-masthead{border-bottom:1px solid #a4b7b1;display:flex;justify-content:space-between;gap:15px;padding:0 0 18px;color:#46645f;letter-spacing:.12em;font-size:10px;font-weight:800}
.k32-hero{position:relative;overflow:hidden;display:grid;grid-template-columns: minmax(0,1fr) 170px;align-items:center;gap:28px;padding:clamp(50px,7vw,106px) 0 clamp(50px,6vw,88px);border-bottom:3px solid #162e2d}
.k32-hero:after{content:'';pointer-events:none;position:absolute;inset:0 0 auto auto;width:35%;height:110%;background:repeating-linear-gradient(120deg,transparent 0 24px,#0f383710 25px 26px);transform:skew(-10deg);z-index:0}
.k32-hero>div{position:relative;z-index:1}.k32-hero p{font-size:clamp(16px,1.6vw,21px);max-width:700px;color:#465d5a}
.k32-hero h1 em{font-style:normal;color:#32695b}.k32-vertical{position:absolute;right:165px;top:22px;writing-mode:vertical-rl;letter-spacing:.19em;font:800 10px ui-monospace,monospace!important;color:#63766d!important}
.k32-hero-stamp{height:160px;width:160px;transform:rotate(11deg);border:3px solid #234b44;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#dce4d7;box-shadow:inset 0 0 0 6px #dce4d7,inset 0 0 0 7px #557870}
.k32-hero-stamp span{text-align:center;font:900 17px/1.05 ui-monospace,monospace;letter-spacing:.12em}.k32-hero-stamp b{font-size:35px;color:#386558;line-height:1}
.k32-note,.k32-zero{margin:35px 0;padding:22px 25px;background:#d7e5db;border-left:5px solid #356d55;color:#213a39;font-size:15px;line-height:1.7;border-radius:0 10px 10px 0}.k32-note strong{color:#102d26}
.k32-rolegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:45px 0 75px}
.k32-role{position:relative;min-height:300px;padding:30px;display:flex;flex-direction:column;background:#f5f6ef;border:1px solid #b8c7c0;color:#173733!important;text-decoration:none!important;overflow:hidden;isolation:isolate;transition:transform .16s,border-color .16s,background .16s}
.k32-role:nth-child(3n+2){background:#e0e9e1}.k32-role:nth-child(3n){background:#17272c;color:#edf5ed!important}
.k32-role:before{position:absolute;content:'';width:140px;height:140px;right:-42px;top:-72px;transform:rotate(22deg);border:22px solid #7baf953a;pointer-events:none}
.k32-role:nth-child(3n):before{border-color:#d9f89522}.k32-role:nth-child(3n) h2,.k32-role:nth-child(3n) p,.k32-role:nth-child(3n) small{color:#e9f1e9!important}
.k32-role h2{margin-top:35px;font-size:clamp(25px,2.6vw,36px)}.k32-role p{font-size:14px;line-height:1.65}.k32-role span{margin-top:auto;font-size:13px;font-weight:800}
.k32-role:hover{transform:translateY(-4px);border-color:#356e5c}.k32-role:focus-visible{outline-offset:0}
.k32-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(28px,6vw,100px);padding:65px 0;border-top:1px solid var(--k32-line);margin-top:55px}
.k32-linkstack{display:grid;gap:12px;align-content:start}
.k32-quicklink{position:relative;border:1px solid #9bb2a9;background:#f4f7f1;display:grid;grid-template-columns:1fr auto;padding:20px 25px;gap:5px;text-decoration:none!important;min-height:85px}
.k32-quicklink span{font-weight:850;font-size:18px;grid-column:1}.k32-quicklink small{grid-column:1;font-size:12px!important;letter-spacing:0;color:#47615d}.k32-quicklink b{grid-row:1/3;grid-column:2;align-self:center;font-size:25px;color:#316951}
.k32-crumb{display:flex;gap:14px;align-items:center;margin:5px 0 25px;font-size:13px;font-weight:700;color:#526760}
.k32-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:35px 0 54px}.k32-overview>div{padding:20px 26px;background:#f4f5ef;border-top:3px solid #385e4c}.k32-overview p{font-size:14px;line-height:1.6;margin:8px 0 0}
.k32-guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(20px,6vw,100px);align-items:start}
.k32-step-nav{position:sticky;top:90px;display:grid;border-left:2px solid #9ab1a3;padding-left:20px;max-height:70vh;overflow:auto;gap:15px}
.k32-step-nav strong{font:800 11px ui-monospace,monospace;letter-spacing:.13em}.k32-step-nav a{font-size:13px;line-height:1.45;font-weight:650;text-decoration:none}
.k32-step{display:grid;grid-template-columns:90px minmax(0,1fr);gap:25px;padding:40px 0;border-bottom:1px solid #9eb7a8;scroll-margin-top:95px}
.k32-step:first-child{padding-top:0}.k32-step-num{font:900 clamp(30px,3vw,48px)/1 ui-monospace,monospace;color:#628177}
.k32-step h2{font-size:clamp(25px,2.5vw,36px)}.k32-step p{max-width:70ch}.k32-next{padding:44px;background:#12272b;border-radius:16px;margin-top:45px}.k32-next h2{color:#edf7f1}.k32-next p{color:#ccd9d2}.k32-next a{margin:10px 10px 0 0}
.k32-pages .button{min-height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;text-decoration:none;font-size:14px;font-weight:800}
.k32-pages .button-primary{background:#184f43;color:#fff!important;border:1px solid #184f43}.k32-pages .button-outline{background:#e7f0e9;color:#16483f!important;border:1px solid #53796d}
.k32-filter{padding:28px;background:#172a30;border-radius:15px;color:#f1f7f4;margin:35px 0}.k32-filter label{display:block;font-weight:800;font-size:17px;margin-bottom:12px;color:#f1f7f4}.k32-filter input{min-height:54px;width:100%;font-size:17px;padding:12px 17px;background:#f2f5ef;color:#142e2c;border:2px solid #a7c3b7;border-radius:8px}
.k32-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.k32-chips button{background:#263f41;border:1px solid #647f7c;color:#f5faf2;border-radius:99px;padding:10px 15px;min-height:44px;font-size:12px;font-weight:750}.k32-chips button[aria-pressed=true]{background:#d8fc88;border-color:#d8fc88;color:#12251d}.k32-count{color:#c5d8cd!important;font-size:13px!important;margin:14px 0 0!important}
.k32-results{display:grid;gap:34px}.k32-faq-group{display:grid;gap:10px}.k32-faq-group h2{font-size:29px;margin:10px 0 8px}.k32-faq-group details{background:#f5f7f0;border:1px solid #b5c7be;border-radius:10px;overflow:hidden}.k32-faq-group details[open]{border-color:#3b755f;box-shadow:0 4px 14px #1a413011}
.k32-faq-group summary{font-weight:800;font-size:16px;line-height:1.4;padding:20px 25px;cursor:pointer;min-height:62px;list-style:none;color:#1c3e35;display:flex;align-items:center;justify-content:space-between;gap:20px}
.k32-faq-group summary::-webkit-details-marker{display:none}.k32-faq-group summary:after{content:'+';font-size:24px;font-weight:500}.k32-faq-group details[open] summary:after{content:'−'}
.k32-faq-group details p{padding:0 25px 22px;margin:0;font-size:15px;max-width:100ch;color:#39524e}
.k32-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:45px 0}.k32-help-grid article{background:#f5f8f0;border:1px solid #bdcec1;padding:clamp(24px,3vw,45px);display:flex;flex-direction:column;align-items:flex-start;min-height:290px}.k32-help-grid h2{margin-top:16px;font-size:32px}.k32-help-grid p{font-size:15px}.k32-help-grid a{font-weight:850;margin-top:auto}
.k32-case{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:35px;padding:clamp(24px,4vw,65px);background:#172b30;border-radius:17px;margin:35px 0}.k32-case h2{color:#f0f7ee}.k32-case p{color:#cfdfd7}.k32-case .k32-overline{color:#b9ddcb}.k32-case .k32-tiny{font-size:13px;color:#a9ccba}.k32-case form{background:#e8efe7;padding:26px;border-radius:10px;color:#1f3831;display:flex;flex-direction:column;gap:17px;min-width:0}
.k32-case form label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#1c413a}.k32-case input,.k32-case select,.k32-case textarea{font:inherit;width:100%;min-width:0;border:1px solid #749489;border-radius:7px;padding:12px;background:#f8fbf6;color:#15322b;resize:vertical}.k32-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.k32-case form button{cursor:pointer}
.k32-disclosure{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:45px 0}.k32-disclosure div{background:#d4e3d8;border-top:5px solid #426c60;padding:28px}.k32-disclosure div:nth-child(2){background:#e5e7de;border-color:#ab7641}.k32-disclosure div:nth-child(3){background:#e0d9d3;border-color:#975846}
.k32-disclosure h2{font-size:25px;margin:15px 0}.k32-disclosure p{font-size:14px}
.k32-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#aabdb2;border:1px solid #aabdb2;margin:55px 0}.k32-policy-grid article{background:#f5f6ef;padding:clamp(20px,3vw,38px)}.k32-policy-grid span{font:850 14px ui-monospace,monospace;color:#527e69}.k32-policy-grid h2{font-size:25px;margin:17px 0}
.k32-policy-grid p{font-size:14px}.k32-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:40px 0 30px}.k32-stepper a{background:#d5e2d7;border-top:4px solid #607b6a;text-decoration:none;min-height:110px;display:flex;flex-direction:column;gap:15px;padding:18px 15px;color:#173c35;font-weight:750;font-size:14px}.k32-stepper a b{font:900 23px ui-monospace,monospace}.k32-stepper a[aria-current=step]{background:#1c473e;color:#f5faf5;border-color:#c9f68d}
.k32-start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.k32-start-grid section{padding:30px;background:#f5f6ef;border:1px solid #bdccc1;scroll-margin-top:100px}.k32-start-grid section:first-child{grid-column:1/-1;background:#d8e9db}.k32-start-grid h2{font-size:30px;margin:16px 0}.k32-start-grid p{font-size:15px}.k32-start-grid small{color:#3b6351}.k32-actions{display:flex;flex-wrap:wrap;gap:14px;margin:35px 0}
.k32-home-link{background:#182b2f;color:#f2f7ed;padding:clamp(30px,5vw,70px) clamp(20px,5vw,85px);display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;position:relative;overflow:hidden;border-top:5px solid #d9f99b}
.k32-home-link:after{content:'FIELD NOTES';position:absolute;right:-80px;bottom:-35px;font:900 130px/1 ui-monospace,monospace;color:#ffffff09;pointer-events:none}
.k32-home-link h2{font-size:clamp(36px,5vw,70px);letter-spacing:-.07em;line-height:1.05;margin:10px 0 25px;color:#f3f7ee}
.k32-home-link p{font-size:17px;max-width:580px;color:#ccdad4;line-height:1.7}
.k32-home-link .k32-linkstack{position:relative;z-index:1}.k32-home-link .k32-quicklink{background:#243b3d;border-color:#607e73;color:#eaf5ed!important}.k32-home-link .k32-quicklink small{color:#cbdcd1}.k32-home-link .k32-quicklink b{color:#d4f69f}
.site-header .site-nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1000px){.k32-rolegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.k32-guide-layout{grid-template-columns:200px minmax(0,1fr)}.k32-hero{grid-template-columns:1fr 135px}.k32-hero-stamp{height:125px;width:125px}.k32-help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:730px){.k32-pages .k32-inner{padding-bottom:75px}.k32-hero{grid-template-columns:1fr;padding:50px 0}.k32-hero-stamp,.k32-vertical,.k32-masthead span:last-child{display:none}.k32-rolegrid,.k32-split,.k32-guide-layout,.k32-help-grid,.k32-case,.k32-policy-grid,.k32-start-grid,.k32-disclosure,.k32-home-link{grid-template-columns:1fr}.k32-role{min-height:220px}.k32-overview{grid-template-columns:1fr}.k32-step-nav{position:static;max-height:none;grid-template-columns:1fr 1fr;border:0;border-bottom:1px solid #aac1b1;padding:0 0 25px}.k32-step-nav strong{grid-column:1/-1}.k32-step{grid-template-columns:50px 1fr;gap:12px;padding:30px 0}.k32-step-num{font-size:26px}.k32-formgrid{grid-template-columns:1fr}.k32-stepper{grid-template-columns:1fr 1fr}.k32-stepper a{min-height:85px}.k32-start-grid section:first-child{grid-column:1}.k32-hero h1{font-size:clamp(41px,11vw,72px)}.k32-home-link:after{display:none}}
@media(prefers-reduced-motion:reduce){.k32-pages *,.k32-home-link *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.site-footer,.k32-step-nav,.k32-actions,.k32-chips,.k32-case form button{display:none!important}.k32-pages{background:white!important;color:black!important}.k32-pages .k32-inner{max-width:none!important;padding:0!important}.k32-pages *{box-shadow:none!important}.k32-step{break-inside:avoid}.k32-hero:after{display:none}}

.k32-stepper{list-style:none;padding:0}.k32-stepper li{list-style:none;min-width:0}.k32-stepper li a{height:100%}
/* Deep product pages */
.k32-products{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#a9beb2;border:1px solid #a9beb2;margin:55px 0}
.k32-product{display:grid;grid-template-columns:85px minmax(0,1fr);gap:25px;padding:clamp(24px,3.5vw,50px);background:#f4f6f0;min-height:310px}
.k32-product:nth-child(4n+2),.k32-product:nth-child(4n+3){background:#e0e9df}.k32-product-num{font:900 36px ui-monospace,monospace;color:#668675}.k32-product-num span{display:block;font-size:12px}
.k32-product h2{font-size:clamp(25px,2.7vw,40px);margin:14px 0}.k32-product p{font-size:15px}.k32-product a,.k32-specgrid a{font-size:13px;font-weight:850}
.k32-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;gap:10px;align-items:center;margin:50px 0}.k32-flow article{background:#172c30;padding:26px;min-height:250px;align-self:stretch}.k32-flow article small{color:#c2e8a1}.k32-flow h2{color:#f3f7f0;font-size:23px;margin:25px 0 10px}.k32-flow p{color:#c6d7d3;font-size:13px;line-height:1.6}.k32-flow>b{font-size:27px;color:#3d7b64;text-align:center}
.k32-specgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:35px 0 65px}.k32-specgrid article{padding:35px;background:#f5f8f2;border:1px solid #a8c0b2;display:flex;flex-direction:column;align-items:flex-start;min-height:270px}.k32-specgrid h2{font-size:29px;margin:16px 0}.k32-specgrid p{font-size:14px}.k32-specgrid a{margin-top:auto}
.k32-dark-note{background:#12292c;color:#eaf2e8;padding:clamp(28px,5vw,66px);border-left:8px solid #d8fc88}.k32-dark-note h2{color:#f3f7f1}.k32-dark-note p{color:#d4dfd8}.k32-dark-note a{color:#d8fc88}
.k32-resource-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:55px 0}.k32-resource-cards article{background:#f4f7f0;border:1px solid #b4c8ba;padding:clamp(25px,4vw,47px)}.k32-resource-cards article>span{font:900 20px ui-monospace,monospace;color:#4c856d}.k32-resource-cards h2{font-size:clamp(25px,2.5vw,37px);margin:20px 0}.k32-resource-cards p{font-size:15px}
@media(max-width:980px){.k32-flow{grid-template-columns:1fr 20px 1fr;row-gap:12px}.k32-flow article:nth-of-type(3){grid-column:1}.k32-flow article:nth-of-type(4){grid-column:3}.k32-flow>b:nth-of-type(2){display:none}.k32-products{grid-template-columns:1fr 1fr}}
@media(max-width:730px){.k32-products,.k32-specgrid,.k32-resource-cards{grid-template-columns:1fr}.k32-product{grid-template-columns:47px 1fr;gap:13px}.k32-product-num{font-size:24px}.k32-flow{grid-template-columns:1fr}.k32-flow article:nth-of-type(n){grid-column:1}.k32-flow>b{transform:rotate(90deg)}.k32-flow>b:nth-of-type(2){display:block}}

html[data-k25-appearance=dark] .k32-pages{background:#101d22;color:#eef5ed}
html[data-k25-appearance=dark] .k32-pages h1,html[data-k25-appearance=dark] .k32-pages h2,html[data-k25-appearance=dark] .k32-pages h3{color:#f1f5ee}
html[data-k25-appearance=dark] .k32-pages p{color:#c3d6d0}
html[data-k25-appearance=dark] .k32-pages a{color:#b6e8c3}
html[data-k25-appearance=dark] .k32-pages small,html[data-k25-appearance=dark] .k32-overline,html[data-k25-appearance=dark] .k32-masthead{color:#abc8bd}
html[data-k25-appearance=dark] .k32-hero h1 em{color:#c8f299}
html[data-k25-appearance=dark] .k32-hero-stamp{background:#1e3c3b;border-color:#b1dec5;box-shadow:inset 0 0 0 6px #1e3c3b,inset 0 0 0 7px #628f7f}
html[data-k25-appearance=dark] .k32-hero-stamp span,html[data-k25-appearance=dark] .k32-hero-stamp b{color:#c5efaf}
html[data-k25-appearance=dark] .k32-note{background:#203b39;color:#ecf7ea;border-color:#addfc0}
html[data-k25-appearance=dark] .k32-note strong{color:#eaffdf}
html[data-k25-appearance=dark] .k32-role,html[data-k25-appearance=dark] .k32-role:nth-child(3n+2),html[data-k25-appearance=dark] .k32-role:nth-child(3n){background:#22373b;color:#eff8e8!important;border-color:#46645d}
html[data-k25-appearance=dark] .k32-role h2,html[data-k25-appearance=dark] .k32-role p,html[data-k25-appearance=dark] .k32-role small,html[data-k25-appearance=dark] .k32-role span{color:#e5f3e8!important}
html[data-k25-appearance=dark] .k32-quicklink{background:#23383a;border-color:#597b6e;color:#dff5e5!important}
html[data-k25-appearance=dark] .k32-quicklink span{color:#edfaeb}html[data-k25-appearance=dark] .k32-quicklink small{color:#c5dfd2}
html[data-k25-appearance=dark] .k32-overview>div,html[data-k25-appearance=dark] .k32-faq-group details,html[data-k25-appearance=dark] .k32-help-grid article,html[data-k25-appearance=dark] .k32-policy-grid article,html[data-k25-appearance=dark] .k32-resource-cards article,html[data-k25-appearance=dark] .k32-start-grid section,html[data-k25-appearance=dark] .k32-specgrid article{background:#22373a;border-color:#4d7067}
html[data-k25-appearance=dark] .k32-faq-group summary{color:#f0f7eb}html[data-k25-appearance=dark] .k32-faq-group details p{color:#c6e0d2}
html[data-k25-appearance=dark] .k32-product,html[data-k25-appearance=dark] .k32-product:nth-child(4n+2),html[data-k25-appearance=dark] .k32-product:nth-child(4n+3){background:#22383a}
html[data-k25-appearance=dark] .k32-product-num{color:#bcdda9}
html[data-k25-appearance=dark] .k32-stepper a{background:#2d4644;border-color:#577d69;color:#eaf5e6}
html[data-k25-appearance=dark] .k32-stepper a[aria-current=step]{background:#c6ea98;border-color:#c6ea98;color:#20372a}
html[data-k25-appearance=dark] .k32-disclosure div,html[data-k25-appearance=dark] .k32-disclosure div:nth-child(2),html[data-k25-appearance=dark] .k32-disclosure div:nth-child(3){background:#263e3f;border-color:#9bcab2}
html[data-k25-appearance=dark] .k32-case form{background:#e5efe7;color:#102e24}
html[data-k25-appearance=dark] .k32-case form label{color:#173b33}
html[data-k25-appearance=dark] .k32-case form p{color:#234238}
html[data-k25-appearance=dark] .k32-filter{border:1px solid #6a9082}
html[data-k25-appearance=dark] .k32-policy-grid{background:#4f6c63;border-color:#4f6c63}

@media(prefers-color-scheme:dark){html[data-k25-appearance=system] .k32-pages{background:#101d22;color:#eef5ed}
html[data-k25-appearance=system] .k32-pages h1,html[data-k25-appearance=system] .k32-pages h2,html[data-k25-appearance=system] .k32-pages h3{color:#f1f5ee}
html[data-k25-appearance=system] .k32-pages p{color:#c3d6d0}
html[data-k25-appearance=system] .k32-pages a{color:#b6e8c3}
html[data-k25-appearance=system] .k32-pages small,html[data-k25-appearance=system] .k32-overline,html[data-k25-appearance=system] .k32-masthead{color:#abc8bd}
html[data-k25-appearance=system] .k32-hero h1 em{color:#c8f299}
html[data-k25-appearance=system] .k32-hero-stamp{background:#1e3c3b;border-color:#b1dec5;box-shadow:inset 0 0 0 6px #1e3c3b,inset 0 0 0 7px #628f7f}
html[data-k25-appearance=system] .k32-hero-stamp span,html[data-k25-appearance=system] .k32-hero-stamp b{color:#c5efaf}
html[data-k25-appearance=system] .k32-note{background:#203b39;color:#ecf7ea;border-color:#addfc0}
html[data-k25-appearance=system] .k32-note strong{color:#eaffdf}
html[data-k25-appearance=system] .k32-role,html[data-k25-appearance=system] .k32-role:nth-child(3n+2),html[data-k25-appearance=system] .k32-role:nth-child(3n){background:#22373b;color:#eff8e8!important;border-color:#46645d}
html[data-k25-appearance=system] .k32-role h2,html[data-k25-appearance=system] .k32-role p,html[data-k25-appearance=system] .k32-role small,html[data-k25-appearance=system] .k32-role span{color:#e5f3e8!important}
html[data-k25-appearance=system] .k32-quicklink{background:#23383a;border-color:#597b6e;color:#dff5e5!important}
html[data-k25-appearance=system] .k32-quicklink span{color:#edfaeb}html[data-k25-appearance=system] .k32-quicklink small{color:#c5dfd2}
html[data-k25-appearance=system] .k32-overview>div,html[data-k25-appearance=system] .k32-faq-group details,html[data-k25-appearance=system] .k32-help-grid article,html[data-k25-appearance=system] .k32-policy-grid article,html[data-k25-appearance=system] .k32-resource-cards article,html[data-k25-appearance=system] .k32-start-grid section,html[data-k25-appearance=system] .k32-specgrid article{background:#22373a;border-color:#4d7067}
html[data-k25-appearance=system] .k32-faq-group summary{color:#f0f7eb}html[data-k25-appearance=system] .k32-faq-group details p{color:#c6e0d2}
html[data-k25-appearance=system] .k32-product,html[data-k25-appearance=system] .k32-product:nth-child(4n+2),html[data-k25-appearance=system] .k32-product:nth-child(4n+3){background:#22383a}
html[data-k25-appearance=system] .k32-product-num{color:#bcdda9}
html[data-k25-appearance=system] .k32-stepper a{background:#2d4644;border-color:#577d69;color:#eaf5e6}
html[data-k25-appearance=system] .k32-stepper a[aria-current=step]{background:#c6ea98;border-color:#c6ea98;color:#20372a}
html[data-k25-appearance=system] .k32-disclosure div,html[data-k25-appearance=system] .k32-disclosure div:nth-child(2),html[data-k25-appearance=system] .k32-disclosure div:nth-child(3){background:#263e3f;border-color:#9bcab2}
html[data-k25-appearance=system] .k32-case form{background:#e5efe7;color:#102e24}
html[data-k25-appearance=system] .k32-case form label{color:#173b33}
html[data-k25-appearance=system] .k32-case form p{color:#234238}
html[data-k25-appearance=system] .k32-filter{border:1px solid #6a9082}
html[data-k25-appearance=system] .k32-policy-grid{background:#4f6c63;border-color:#4f6c63}
}

/* Explicit night-card contrast under mobile/automatic appearance */
html[data-k25-appearance=dark] .k32-role,html[data-k25-appearance=dark] .k32-role:nth-child(n){background:#22373a!important;color:#eef6ec!important}
html[data-k25-appearance=dark] .k32-role :is(h2,p,small,span){color:#eef6ec!important}
@media(prefers-color-scheme:dark){html[data-k25-appearance=system] .k32-role,html[data-k25-appearance=system] .k32-role:nth-child(n){background:#22373a!important;color:#eef6ec!important}html[data-k25-appearance=system] .k32-role :is(h2,p,small,span){color:#eef6ec!important}}


/* DRUMOJO 3.3: Editorial rhythm campaign, documentary image composition, muted manga-inspired publication system. */
:root{--k33-ink:#102127;--k33-forest:#274d4c;--k33-lime:#d4ee8c;--k33-paper:#e4e7df;--k33-border:#78918b}
.k33-eyebrow,.k33-mast,.k33-shot-top,.k33-story-num{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:720;letter-spacing:.13em;text-transform:uppercase}
.k33-eyebrow{font-size:.76rem;display:block;margin-bottom:16px;color:#829d89}.k33-mast{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-size:11px;opacity:.75}
.k33-photo-essay,.k33-journal-strip{padding:clamp(42px,6vw,100px) max(5vw,24px);background:var(--k25-page,var(--canvas));color:var(--k25-text,var(--ink))}
.k33-essay-title{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);gap:40px;align-items:end;padding:42px 0}.k33-essay-title h2,.k33-journal-heading h2{font-size:clamp(40px,5.3vw,86px);line-height:1.02;letter-spacing:-.065em;margin:0}.k33-essay-title h2 em,.k33-journal-heading h2 em,.k33-drumojo-copy h2 em,.k33-detail-hero h1 em{font-family:Georgia,serif;font-weight:400}.k33-essay-title p{font-size:clamp(16px,1.5vw,21px);line-height:1.6;max-width:44ch;margin:0;color:var(--k25-text-muted,var(--muted))}
.k33-essay-tiles{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px}.k33-photo-tile{min-width:0;position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#101b1c;color:white;border:1px solid #1b3335}.k33-photo-tile.k33-photo-wide{aspect-ratio:4/5}.k33-photo-tile img{height:100%;width:100%;object-fit:cover;display:block;filter:saturate(.77) contrast(1.05);transition:transform .6s ease}.k33-photo-tile:hover img,.k33-photo-tile:focus-visible img{transform:scale(1.035)}.k33-photo-tile:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(5,12,14,.93))}.k33-shot-top{position:absolute;top:22px;left:22px;z-index:2;font-size:10px;background:#102023d9;padding:7px 11px;border:1px solid #a8c5bb66}.k33-shot-caption{position:absolute;z-index:2;bottom:22px;left:22px;right:20px;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.k33-shot-caption strong{font-size:clamp(23px,2vw,33px);letter-spacing:-.04em}.k33-shot-caption small{grid-row:2;opacity:.83;font-size:12px}.k33-shot-caption b{grid-column:2;grid-row:1/3;font-size:24px;font-weight:400}.k33-image-credit{font-size:11px;margin:10px 0;color:var(--k25-text-muted,var(--muted))}
.k33-drumojo-feature{padding:clamp(42px,6vw,90px) max(5vw,24px);background:#101d23;color:#f0f2e7;position:relative;overflow:hidden}.k33-drumojo-feature:before{content:"";position:absolute;width:55%;height:100%;right:0;top:0;pointer-events:none;background:repeating-linear-gradient(133deg,transparent,transparent 16px,#d4ee8c05 17px,#d4ee8c05 18px)}.k33-drumojo-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(25px,5vw,90px);align-items:center;margin-top:44px;position:relative}.k33-drumojo-copy h2{font-size:clamp(42px,4.7vw,78px);letter-spacing:-.065em;line-height:1.03;margin:0 0 24px;color:#f0f2e7}.k33-drumojo-copy>p{font-size:17px;line-height:1.7;color:#c6d3cf;max-width:56ch}.k33-drumojo-pills{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.k33-drumojo-pills span{border:1px solid #7c9894;border-radius:20px;padding:8px 12px;font-size:12px;color:#e0efe4}.k33-campaign-link{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;background:#d7ed97;color:#142522;text-decoration:none;font-weight:800;max-width:100%;border:1px solid transparent;min-height:48px}.k33-campaign-link:hover{background:#f0f7cb;color:#162423}.k33-proof{font-size:12px!important;color:#abc4b9!important}
.k33-rhythm{background:#20333a;border:1px solid #799391;color:#eaf6ed;padding:clamp(18px,2vw,30px);box-shadow:16px 16px 0 #0a171ba8}.k33-rhythm-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.k33-rhythm-top strong{display:block;font-size:clamp(22px,2.3vw,35px);letter-spacing:-.05em}.k33-pulse-led{display:inline-block;width:8px;height:8px;border-radius:100%;background:#cfed90;box-shadow:0 0 12px #cfed9099;margin-left:9px}.k33-bpm{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 15px;font-size:12px;color:#dbe8e2}.k33-bpm input{grid-column:1/-1;accent-color:#cfed90;min-width:160px}.k33-bpm output{font-weight:800;font-variant-numeric:tabular-nums}.k33-rhythm-presets{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0}.k33-rhythm-presets button{background:#29444c;color:#e8eee9;border:1px solid #6c888d;padding:8px 11px;font-size:12px;border-radius:2px;min-height:40px}.k33-rhythm-presets button[aria-pressed=true]{background:#d3ed9d;color:#14302b;border-color:#d3ed9d}.k33-step-grid{display:grid;grid-template-columns:65px repeat(16,minmax(0,1fr));gap:3px;align-items:center}.k33-grid-label{font-size:10px;color:#d2d8d3}.k33-bar-number{text-align:center;font-size:9px;color:#9bb9ac}.k33-rhythm-step{min-width:0;width:100%;aspect-ratio:1;min-height:13px;background:#31434c;border:1px solid #5a6b74;border-radius:2px;padding:0;touch-action:manipulation}.k33-rhythm-step[aria-pressed=true]{background:#d1eb93;border-color:#e2f3b1}.k33-rhythm-step.k33-now{outline:2px solid #ffb384;outline-offset:-1px}.k33-rhythm-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.k33-rhythm-footer button{min-height:44px;padding:10px 16px;border:1px solid #9bb4b2;color:#e9f0e4;background:#233c46}.k33-rhythm-footer .k33-rhythm-play{background:#d3ec94;border-color:#d3ec94;color:#142422;font-weight:800}.k33-rhythm-footer [role=status]{font-size:11px;color:#acc4bb;flex:1 0 100%;line-height:1.4}.k33-rhythm-small{font-size:11px;color:#bed1c7;line-height:1.6;margin:10px 0 0}
.k33-journal-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:40px 0}.k33-journal-heading>a{display:block;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:15px;font-weight:700}.k33-journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.k33-journal-card{display:block;color:inherit;background:var(--k25-surface,#fff);border:1px solid var(--k25-border,#9daea3);overflow:hidden;padding-bottom:20px}.k33-journal-card img{width:100%;height:225px;object-fit:cover;display:block;filter:saturate(.77)}.k33-journal-card span,.k33-journal-card h3,.k33-journal-card p{display:block;margin-left:20px;margin-right:20px}.k33-journal-card span{font-size:11px;font-family:monospace;margin-top:18px;color:var(--k25-text-muted,#425c56)}.k33-journal-card h3{font-size:clamp(22px,2vw,31px);line-height:1.12;letter-spacing:-.045em;margin-top:10px}.k33-journal-card p{font-size:14px;line-height:1.5;color:var(--k25-text-muted,#526274)}.k33-footnote{font-size:10px;letter-spacing:.02em;opacity:.75;padding:18px 20px}
.k33-route{background:var(--k25-page,var(--canvas));color:var(--k25-text,var(--ink));min-height:60vh}.k33-route>section,.k33-route>article,.k33-end-cta{padding:clamp(35px,5vw,86px) max(5vw,20px)}.k33-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:clamp(24px,6vw,90px);background:#13252b;color:#eaf0e8}.k33-detail-intro{align-self:center}.k33-detail-hero h1,.k33-notes-cover h1{font-size:clamp(60px,8vw,130px);letter-spacing:-.085em;line-height:.94;margin:20px 0 30px}.k33-detail-hero h1 em,.k33-notes-cover h1 em{color:#cfea99}.k33-detail-intro>p{max-width:57ch;font-size:clamp(17px,1.55vw,23px);line-height:1.6;color:#d3dcd6}.k33-detail-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin:25px 0}.k33-subtle-link{color:#e7f4e4;border-bottom:1px solid currentColor}.k33-route-notice{font-size:13px!important;color:#b3c9be!important}.k33-detail-cover{position:relative;overflow:hidden;margin:0;max-height:610px}.k33-detail-cover img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}.k33-detail-cover figcaption{position:absolute;bottom:0;left:0;right:0;background:#122128df;color:#e8f7e5;padding:12px;font-family:monospace;font-size:10px;letter-spacing:.07em}.k33-detail-lab{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:center;background:#182d34;color:#eff6e9}.k33-detail-lab h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.06em}.k33-detail-lab p{line-height:1.7;max-width:52ch}.k33-detail-editorial{background:var(--k25-page)}.k33-detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}.k33-detail-cards article{border:1px solid var(--k25-border,#94aaa1);padding:25px;min-width:0}.k33-detail-cards small{font-size:11px;letter-spacing:.1em}.k33-detail-cards h3{font-size:clamp(23px,2.3vw,37px);margin:20px 0 14px}.k33-detail-cards p{font-size:15px;line-height:1.65}.k33-end-cta{background:#dce4d9;color:#162a2c}.k33-end-cta h2{font-size:clamp(36px,4vw,65px);line-height:1.05;letter-spacing:-.06em}.k33-end-cta p{font-size:17px;max-width:58ch;line-height:1.6}.k33-end-cta a{display:inline-flex;min-height:44px;align-items:center;padding:12px 15px;margin:8px 10px 0 0;border:1px solid #2e4c4f;color:#14252b;font-weight:700}.k33-notes-cover{background:#12242a;color:white}.k33-notes-cover h1{margin:30px 0}.k33-notes-cover>p{font-size:20px;max-width:50ch;line-height:1.6}.k33-notes-cover img{width:100%;height:min(36vw,420px);min-height:210px;object-fit:cover;display:block;margin-top:38px}.k33-story{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(0,1fr);gap:30px;border-bottom:1px solid var(--k25-border,#81978d);scroll-margin-top:82px}.k33-story>div:last-child{max-width:800px}.k33-story h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.06em;margin:0 0 20px}.k33-story p{font-size:17px;line-height:1.75;color:var(--k25-text-muted,var(--muted))}.k33-story .k33-story-lede{font-size:22px;line-height:1.45;color:var(--k25-text,var(--ink))}.k33-story .k33-campaign-link{margin-top:12px}.k33-story-num{font-size:12px;color:var(--k25-text-muted)}
html[data-k25-appearance=dark] .k33-end-cta{background:#263e3b;color:#edf3e6}html[data-k25-appearance=dark] .k33-end-cta a{color:#edf3e6;border-color:#a6bdab}html[data-k25-appearance=dark] .k33-journal-card{background:#1e3339}
@media(max-width:1000px){.k33-essay-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.k33-photo-tile.k33-photo-wide{grid-row:span 2;aspect-ratio:auto}.k33-photo-tile{aspect-ratio:4/3}.k33-drumojo-layout,.k33-detail-lab{grid-template-columns:1fr}.k33-detail-cards{grid-template-columns:1fr 1fr}.k33-journal-card img{height:180px}}
@media(max-width:690px){.k33-photo-essay,.k33-journal-strip{padding:40px 18px}.k33-mast{font-size:9px}.k33-essay-title,.k33-detail-hero,.k33-story{grid-template-columns:1fr}.k33-essay-title{gap:20px;padding:26px 0}.k33-essay-tiles{grid-template-columns:1fr}.k33-photo-tile.k33-photo-wide,.k33-photo-tile{grid-row:auto;aspect-ratio:4/3}.k33-drumojo-feature{padding:42px 18px}.k33-drumojo-layout{margin-top:28px}.k33-rhythm{padding:15px;box-shadow:6px 6px 0 #0a171b}.k33-step-grid{grid-template-columns:55px repeat(16,minmax(0,1fr));gap:2px}.k33-grid-label{font-size:9px}.k33-rhythm-step{min-height:12px}.k33-journal-heading{align-items:start;flex-direction:column}.k33-journal-cards,.k33-detail-cards{grid-template-columns:1fr}.k33-detail-cover img{min-height:280px}.k33-notes-cover img{min-height:200px}.k33-story{gap:12px}.k33-drumojo-copy h2{font-size:clamp(39px,11vw,60px)}}
@media(prefers-reduced-motion:reduce){.k33-photo-tile img{transition:none}.k33-photo-tile:hover img,.k33-photo-tile:focus-visible img{transform:none}}

.k33-route-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);background:#163039;color:#ebf4ed;margin:50px max(3vw,16px);min-height:250px}.k33-route-visual img{width:100%;height:100%;max-height:350px;min-height:220px;object-fit:cover}.k33-route-visual>div{align-self:center;padding:clamp(20px,3vw,45px)}.k33-route-visual h2{font-size:clamp(28px,3vw,54px);line-height:1.04;margin:10px 0}.k33-route-visual p{font-size:16px;line-height:1.6;color:#d3e0d5}.k33-route-visual a{display:inline-block;margin-top:10px;color:#e8f8bc;font-weight:750;border-bottom:1px solid}.k33-route-visual .k33-eyebrow{color:#bdd09e}@media(max-width:690px){.k33-route-visual{grid-template-columns:1fr;margin:30px 16px}.k33-route-visual img{height:220px;min-height:0}}
.k33-detail-lab h2,.k33-detail-lab h2 em{color:#e4f4d8}.k33-detail-lab h2 em{font-family:Georgia,serif;font-weight:400}.k33-rhythm-step:focus-visible{outline:3px solid #ffc392;outline-offset:2px}

.k33-step-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#aecab7 #213843}.k33-step-scroll:focus-visible{outline:3px solid #d7ef97;outline-offset:2px}@media(max-width:690px){.k33-step-scroll .k33-step-grid{min-width:620px;grid-template-columns:72px repeat(16,minmax(32px,1fr))}.k33-step-scroll .k33-rhythm-step{min-height:31px}.k33-step-scroll:after{content:"Scroll the pattern sideways for additional steps →";display:block;text-align:right;margin-top:6px;color:#c4d8c8;font-size:10px}}
@media(max-width:690px){.k33-detail-lab,.k33-drumojo-layout{min-width:0;width:100%}.k33-detail-lab>* ,.k33-drumojo-layout>*{min-width:0;max-width:100%}.k33-rhythm{min-width:0;max-width:100%;overflow:hidden}.k33-step-scroll{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto}}

/* v3.3 Native rhythm interchange controls */
.k33-rhythm-export{border:1px solid #8aa5a2;color:#e4f0e4;background:#21373b;border-radius:4px;padding:9px 13px;min-height:44px;font-size:13px;font-weight:700;white-space:nowrap}.k33-rhythm-export:hover,.k33-rhythm-export:focus-visible{background:#385455;color:white}.k33-rhythm-footer{flex-wrap:wrap}.k33-rhythm-export:focus-visible{outline:3px solid #d7fa85;outline-offset:2px}
/* Section-specific ink accents retain readable contrast on subdued paper. */
.k33-essay-title h2 em,.k33-journal-heading h2 em{color:#285c52}
html[data-k25-appearance=dark] .k33-essay-title h2 em,html[data-k25-appearance=dark] .k33-journal-heading h2 em{color:#c8e8ab}
@media(prefers-color-scheme:dark){html[data-k25-appearance=system] .k33-essay-title h2 em,html[data-k25-appearance=system] .k33-journal-heading h2 em{color:#c8e8ab}}