/* JTC v16: shared editorial rhythm, original map mark and aligned teaching cards. */
:root{--space-section:64px;--ink:#17232f;--blue:#0875b9;--line:#d5e0e8;--muted:#526373}
.wrap,.hero-map-inner,.methods-inner,.jack-inline-inner{width:min(1240px,calc(100% - 80px));max-width:1240px}
.topbar{padding-inline:max(40px,calc((100vw - 1240px)/2));height:72px}
.topbar .brand{gap:0}.topbar nav a{font-size:14px}.topbar nav a:hover{color:var(--blue-text)}
.hero-map{padding:32px 0 36px;background:#f7fafc}
.hero-map .hero-intro{align-items:center;gap:24px;margin-bottom:26px}
.map-identity{display:flex;gap:22px;align-items:center;min-width:0}
.map-brand-art{width:116px;height:116px;object-fit:contain;flex:none;border-radius:24px;mix-blend-mode:multiply}
.hero-map h1{font-size:clamp(32px,3.7vw,52px);line-height:1.2;letter-spacing:-.045em;margin:0}
.hero-map .hero-promise{font-size:24px;line-height:1.4;color:var(--blue-text);font-weight:700;margin:9px 0 0;letter-spacing:.05em}
.promise-dot{color:#c99b36}.hero-map .hero-description{font-size:15px;line-height:1.8;color:var(--muted);margin:0;padding-left:22px;border-left:2px solid #c4deef;white-space:normal}
.hero-layout{gap:40px;grid-template-columns:minmax(0,1.9fr) minmax(230px,.8fr)}
.hero-map .hero-notebook{border:1px solid #b7cbd9;box-shadow:0 5px 0 #dce7ef;border-radius:20px}
.hero-map .notebook-head{padding:16px 20px;background:#fff}
.hero-map .hero-parts{padding:14px;gap:10px}
.hero-map .hero-part,.hero-map .hero-part:nth-child(2),.hero-map .hero-part:nth-child(6){background:#f5f9fc;border:1px solid #dce7ef;border-radius:12px;min-height:125px;box-shadow:none}
.hero-map .hero-part:hover{background:#e4f3fc;border-color:#559fc9;box-shadow:0 4px 0 #c6e1f0}
.hero-map .hero-part img{visibility:visible;opacity:1;flex-shrink:0}
.hero-jack-medallion{border:2px solid #7894a8;box-shadow:6px 7px 0 #d2e6f2;background:#e8f4fb}
.hero-jack-caption b{font-size:26px}.hero-jack-caption span{font-size:14px;line-height:1.6}
.hero-start{min-height:48px;border-radius:999px;padding:12px 23px;background:var(--blue-text);border-color:var(--blue-text);box-shadow:0 3px 0 #d4e6f2}
.hero-start:hover{background:#064f7e;box-shadow:0 4px 0 #c3ddeb}
.hero-bottom{gap:20px;margin-top:26px}.hero-bottom>span{font-size:13px}
.methods-section,.courses-section{padding-block:var(--space-section)}
.methods-section .section-heading h2,.courses-section h2{font-size:36px;line-height:1.3}
.methods-section .section-heading p,.courses-heading>p{font-size:16px;line-height:1.8}
.method-filters{margin-bottom:28px}.method-filters .direction-entry{min-height:44px;border-radius:999px}
.full-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.full-card{display:flex;flex-direction:column;border-radius:20px;border-color:#c6d4df;box-shadow:0 4px 0 #dde6ed}
.full-card[hidden]{display:none}.full-card-body{flex:1;display:flex;flex-direction:column}.full-card .applications{margin-top:auto}.card-footer{margin-top:auto;min-height:60px;align-items:center}
.full-card-header{min-height:142px;padding:24px;align-items:center}.full-card-header h3{font-size:29px}.full-card-header .card-subtitle{font-size:14px}
.full-card-header img{width:78px;height:78px}.full-card .core{font-size:16px;line-height:1.8}.full-card .points li{font-size:15px;line-height:1.8}
.full-card .highlight-box{position:relative;border-radius:12px;padding:20px}.memory-heading{padding-right:76px;min-height:52px}.memory-number{font-size:42px}.memory-notes{font-size:15px;line-height:1.75}.memory-heading>div>span{font-size:12px}
.copy-practice{position:absolute;top:18px;right:16px;min-height:40px;padding:7px 10px;border:1px solid #bdd0dd;background:#fff;border-radius:999px;font-size:12px;font-weight:650;color:#34566f;cursor:pointer}.copy-practice:hover{border-color:var(--blue);background:#e8f4fd}.copy-practice[data-copied=true]{background:#183e55;color:#fff;border-color:#183e55}
.full-card .caution{font-size:13px;line-height:1.75;padding:12px 14px;background:#faf7f1;color:#665b49}.full-card .caution strong{font-size:13px}
.applications summary{min-height:48px;font-size:14px;border-radius:10px}.card-footer{font-size:13px;padding:10px 24px}.card-footer a{min-height:40px;gap:5px}
/* Shared row tracks align every counterpart, including expanded content. */
@supports(grid-template-rows:subgrid){
 @media(min-width:901px){
  .full-cards{column-gap:28px;row-gap:0}
  .full-card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;margin-bottom:28px}
  .full-card-body{display:contents}
  .full-card .core{margin:22px 24px 18px}
  .full-card .points{margin:0 24px 22px}
  .full-card .highlight-box{margin:0 24px 18px}
  .full-card .caution{margin:0 24px 18px}
  .full-card .applications{margin:0 24px 20px;align-self:start}
  .full-card .card-footer{margin:0}
 }
}
.course-options>a{border-radius:18px;min-height:300px;padding:26px;background:#fff}
.course-options .course-personal{background:#20252b;color:#fff;border-color:#20252b}.course-personal .course-top,.course-personal p{color:#d1d8df}.course-personal .course-action{color:white;border-color:#52606b}.course-personal .course-action>span{color:#fff;border-color:#71818d}.course-options .course-personal:hover{background:#28333e;color:#fff}
.course-options .course-team{background:#f3f8fc}.course-options .course-coach{background:#eaf5fd}.course-options p{font-size:15px;color:#526373;max-width:none}.course-options .course-personal p{color:#d1d8df}.course-options .course-action{font-size:14px}
.jack-inline-inner{padding-block:64px}.jack-inline-heading{max-width:none;text-align:left;margin:0 0 32px}.jack-inline-heading h2{font-size:40px}.jack-inline-heading p{max-width:650px}
.jack-inline-intro{max-width:none;grid-template-columns:minmax(0,1fr) 200px;gap:48px}.jack-inline-portrait{grid-column:2;grid-row:1}.jack-inline-copy{grid-column:1;grid-row:1}.jack-inline-copy p{font-size:16px;max-width:800px;line-height:1.85}.jack-inline-copy a{font-size:14px}
.jack-inline-cards{align-items:stretch}.jack-inline-cards li{display:flex}.jack-inline-cards article{width:100%;height:100%;padding:24px;border-top:3px solid #bedbec}.jack-inline-cards h3{min-height:54px}.jack-inline-cards p{font-size:14px;color:#526373}
.jack-hero-grid{min-height:520px;padding-block:40px;gap:7%}.jack-hero h1{font-size:clamp(72px,7vw,100px)}.jack-hero-statement{font-size:clamp(25px,2.5vw,34px)}.jack-hero-body{font-size:16px;line-height:1.85;max-width:530px}.jack-hero-roles{display:flex;flex-wrap:wrap;gap:8px 18px}.jack-hero-roles span{font-size:13px}.jack-portrait-wrap{max-width:400px;justify-self:center}.jack-portrait-caption{border-radius:14px;box-shadow:0 5px 0 #cfdeea}.jack-portrait-caption span{font-size:12px}
.jack-proof strong{font-variant-numeric:tabular-nums}.jack-proof p{font-size:13px;color:#526373}.jack-method-section,.jack-bio-section{padding-block:64px}.jack-method-grid{gap:28px}.jack-method-grid li{border-top:2px solid #88b5d3}.jack-method-grid p{font-size:16px;color:#526373}.jack-method-grid h3{font-size:25px}.method-icon{background:#e8f4fc}.jack-bio-record{border-radius:20px;padding:30px}.jack-bio-record li span{font-size:15px;line-height:1.85}.jack-bio-intro>p{font-size:16px}.jack-photo{border-radius:18px}
.coach-tools-inner{padding-block:64px}.coach-tools-grid{gap:20px;align-items:stretch}.coach-tools-grid>li{display:flex}.coach-tool{display:flex;flex-direction:column;flex:1;border-radius:18px;padding:24px}.coach-tool h3{font-size:23px;line-height:1.4;min-height:65px}.coach-tool-question{font-size:16px;margin-top:4px}.coach-tool-description{font-size:15px;line-height:1.8;color:#526373;margin-top:auto;padding-top:16px}.coach-tool-type,.coach-tools-note{font-size:13px;color:#526373}.coach-tool-top{margin-bottom:20px}
.map-canvas-stack .map-footer{margin-top:10px;padding-inline:0}.map-help-trigger{width:auto;border-radius:999px;padding:9px 15px;gap:8px;height:44px;box-shadow:none}.map-help-trigger>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:13px}.map-footer .map-note{visibility:visible;font-size:12px;color:#526373}.map-back{box-shadow:none}.coach-bubble{box-shadow:none}#diagram .node:focus-visible{outline:3px solid #0875b9;outline-offset:4px;opacity:1}
@media(max-width:1000px){.wrap,.hero-map-inner,.methods-inner,.jack-inline-inner{width:calc(100% - 48px)}.hero-map .hero-description{display:none}.map-identity{gap:18px}.map-brand-art{width:100px;height:100px}.hero-layout{gap:24px}.jack-inline-cards h3{min-height:0}.coach-tool h3{min-height:65px}}
@media(max-width:900px){.full-cards{grid-template-columns:1fr;max-width:660px;margin-inline:auto}.full-card .applications{margin-top:0}.full-card .highlight-box{margin-top:0}.methods-inner{max-width:760px}}
@media(max-width:760px){.hero-layout{grid-template-columns:1fr;gap:24px}.hero-map .hero-intro{margin-bottom:22px}.hero-jack{grid-template-columns:100px 1fr}.hero-jack-medallion{width:96px}.hero-jack-caption b{font-size:23px}.jack-inline-intro{grid-template-columns:minmax(0,1fr) 140px;gap:24px}.jack-inline-portrait{width:140px;height:140px}.jack-hero-grid{min-height:0;gap:22px}.jack-portrait-wrap{width:175px;max-width:175px;padding-bottom:22px}.jack-portrait-caption{padding:8px 12px;min-width:175px}.jack-portrait-caption b{font-size:15px}.jack-portrait-caption span{font-size:10px}.jack-hero h1{margin:12px 0 18px}.jack-method-grid p{font-size:15px}.jack-proof p{font-size:12px}}
@media(max-width:650px){
 :root{--space-section:44px}.wrap,.hero-map-inner,.methods-inner,.jack-inline-inner{width:calc(100% - 36px)}.topbar{height:62px;padding-inline:18px}.topbar nav a{font-size:12px}.topbar nav{gap:12px}.topbar .brand-logo{width:68px}
 .hero-map{padding:24px 0 28px}.map-identity{gap:12px;align-items:center}.map-brand-art{width:76px;height:76px;border-radius:14px}.hero-map h1{font-size:29px;letter-spacing:-.055em;white-space:nowrap}.hero-map .hero-promise{font-size:19px;margin-top:6px;letter-spacing:.02em}.hero-map .hero-parts{padding:9px;gap:6px}.hero-map .hero-part,.hero-map .hero-part:nth-child(2),.hero-map .hero-part:nth-child(6){min-height:100px;font-size:12px}.hero-map .hero-part img{width:56px;height:56px}.hero-map .notebook-head{font-size:14px;padding:13px 12px}.hero-bottom{margin-top:22px;gap:14px}.hero-bottom>span{font-size:12px}.hero-jack-caption span{font-size:12px}
 .methods-section .section-heading h2,.courses-section h2{font-size:29px}.methods-section .section-heading p,.courses-heading>p{font-size:15px}.full-card-header{padding:22px 20px;min-height:130px}.full-card-header h3{font-size:28px}.full-card-body{padding:22px 20px 18px}.full-card .highlight-box{padding:17px}.memory-heading{padding-right:66px}.full-card .highlight-box h4{font-size:17px}.memory-number{font-size:36px}.copy-practice{right:12px;top:15px;font-size:11px;padding-inline:8px}.memory-notes{font-size:14px}.card-footer{padding:10px 20px;font-size:12px}.full-card .caution{font-size:13px}.course-options>a{min-height:0;padding:24px}.course-options p{font-size:15px}
 .jack-inline-inner{padding-block:44px}.jack-inline-heading h2{font-size:31px}.jack-inline-intro{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.jack-inline-portrait{width:128px;height:128px;margin:0}.jack-inline-copy h3{font-size:22px}.jack-inline-copy p{font-size:15px}.jack-inline-cards{gap:12px}.jack-inline-cards article{padding:18px 16px}.jack-inline-cards h3{font-size:17px;min-height:51px}.jack-inline-cards p{font-size:13px}
 .jack-hero-grid{padding-block:26px 32px}.jack-hero h1{font-size:65px}.jack-hero-statement{font-size:26px}.jack-hero-body{font-size:15px}.jack-hero-roles span{font-size:12px}.jack-proof-grid>div{padding:18px 10px}.jack-proof strong{font-size:28px}.jack-proof p{font-size:11px}.jack-method-section,.jack-bio-section,.coach-tools-inner{padding-block:44px}.jack-bio-record{padding:24px 20px}.coach-tool h3{min-height:0;font-size:24px}.coach-tool{padding:24px}.coach-tool-question{font-size:16px}.coach-tool-description{font-size:15px}.map-footer .map-note{display:none}.map-back{margin-left:auto}#diagram .symptom,#diagram .symptom.label-long{min-height:36px}#diagram .direction-node{min-height:44px}
}
@media(max-width:370px){.map-brand-art{width:61px;height:61px}.hero-map h1{font-size:26px}.hero-map .hero-promise{font-size:17px}.map-identity{gap:9px}.topbar nav{gap:8px}.topbar nav a{font-size:11px}.topbar .brand-logo{width:59px}.topbar{padding-inline:14px}.hero-map .hero-part{font-size:11px}.memory-heading{padding-right:0;margin-bottom:50px}.copy-practice{top:72px}.jack-inline-cards h3{min-height:0}}
@media(prefers-reduced-motion:no-preference){.hero-map .map-brand-art{animation:mark-arrive .6s ease-out both}.hero-map .hero-part{transition:background .18s,border-color .18s,transform .18s}.copy-practice{transition:background .18s,color .18s}@keyframes mark-arrive{from{opacity:0;transform:translateY(7px) rotate(-4deg)}to{opacity:1;transform:none}}}
@media(max-width:650px){.full-card-header{gap:12px}.full-card-header img{width:62px;height:62px;flex:none}}
@media(max-width:370px){.full-card-header{gap:9px;padding-inline:17px}.full-card-header h3{font-size:25px}.full-card-header img{width:52px;height:52px}.card-subtitle{font-size:13px}}
/* Preserve the three established teaching identities: EVO monochrome, TKO mint, JTC blue. */
.full-card[data-direction=direction-personal]{--card-color:#1a1a1a;--card-soft:#f4f4f4}
.full-card[data-direction=direction-team]{--card-color:#9ddccc;--card-soft:#effaf6}
.full-card[data-direction=direction-coach]{--card-color:#8cd1ec;--card-soft:#eef9fe}
.course-options .course-team{background:#effaf6;border-color:#b8dace;border-top-color:#9ddccc}
.course-options .course-team:hover{background:#e3f5ec;border-color:#64ac91}
.course-team .course-brand-name,.course-team .course-action{color:#285f4e}
.course-team .course-action{border-color:#c3dfd4}
.course-team .course-action>span{border-color:#a7cdbc;color:#285f4e}
.course-options .course-coach{background:#eef9fe;border-top-color:#8cd1ec}
#diagram .part-node[data-direction=direction-team],#diagram .direction-node[data-direction=direction-team]{background:#effaf6;border-color:#8fbead}
#diagram.has-selection .node.unrelated[data-direction=direction-team]{background:#effaf6}