/* Product storytelling and supporting pages. */
[hidden]{display:none!important}.site-header nav>a[aria-current=page]{color:var(--cyan)}.site-header nav>a.button{color:#d8f6fb}.site-header nav{gap:24px}.hero{min-height:510px;padding-block:42px 48px}.product-proof{position:relative}.product-proof:before{content:"";position:absolute;right:0;top:68px;width:100px;height:85px;background:linear-gradient(135deg,transparent,#64dfea09);clip-path:polygon(100% 0,70% 100%,0 100%);pointer-events:none}.prep-path,.journey-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #2d4357;margin-bottom:26px}.prep-path a,.journey-nav a{min-height:70px;padding:15px 18px;display:flex;align-items:center;gap:13px;font-size:13px;color:#c6d9e7;line-height:1.5}.prep-path a+a,.journey-nav a+a{border-left:1px solid #2d4357}.prep-path a:hover,.journey-nav a:hover{background:#132b3b;color:var(--cyan)}.prep-path a>span,.journey-nav a>span{color:var(--cyan);font-size:10px;letter-spacing:.1em}.prep-path svg{width:16px;margin-left:auto}.product-figure{margin:0;background:#0b1725;border:1px solid #36516b;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0002}.figure-toolbar,.example-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.figure-toolbar{padding:14px 22px;background:#142536;border-bottom:1px solid #30465b;font-size:10px;letter-spacing:.12em}.figure-toolbar>span:first-child{display:flex;align-items:center;gap:9px}.status-badge{display:inline-block;padding:4px 9px;border:1px solid #46576d;border-radius:4px;font-size:10px;line-height:1.5;letter-spacing:.01em;color:#c0d0e2;font-weight:500}.status-current{background:#12384166;border-color:#32616e;color:#9de5df}.status-planned{background:#332c4666;border-color:#605071;color:#d5c4eb}.status-undecided{background:#44392066;border-color:#78613c;color:#ebce9c}.screenshot-button{position:relative;display:block;background:#0b1624;width:100%;padding:16px;text-align:left}.screenshot-button img{width:100%;height:auto;border-radius:5px}.screenshot-button>span{display:block;text-align:right;color:#a3dce6;font-size:11px;padding:12px 5px 0}.screenshot-button:hover{background:#102336}.annotation-grid,.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:28px}.annotation-grid article{border-left:1px solid #37556b;padding-left:21px}.annotation-number{color:var(--cyan);font-size:10px;letter-spacing:.09em;font-weight:600}.annotation-grid h3,.context-grid h3{font-size:21px;margin:11px 0}.annotation-grid p,.context-grid p{font-size:13px;color:#a9bdd0;line-height:1.85}.annotation-grid .text-link{font-size:11px;margin-top:9px}.proof-link{margin-top:26px;color:var(--cyan)}.audience-section{border-top:1px solid var(--line)}.audience-section .audience-card h3{font-size:25px}.insight-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding:36px 40px;border-left:3px solid var(--cyan);background:linear-gradient(120deg,#14334388,#0e1b2b);border-radius:0 10px 10px 0;margin-bottom:30px}.insight-strip h2{font-size:30px}.insight-strip p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b3c6d9}.insight-strip strong{font-weight:550;color:#e5f4f8}.insight-strip .text-link{margin-top:13px;color:var(--cyan)}
/* Concealed pair frames and the compact board selector. */
.mobile-tier-switch{display:none}.teaser-champion.revealed{background:none;padding:0;position:relative;border-radius:6px;min-height:86px;justify-content:center}.teaser-champion.revealed:hover .teaser-portrait{border-color:var(--cyan);box-shadow:0 0 0 2px #64dfea33}.teaser-champion.revealed:hover strong{color:var(--cyan)}.pairings-board .pair-preview{position:relative;border:1px solid #6a4c5d;border-radius:8px;background:#28223766;padding:9px 7px;gap:10px}.pairings-board .pair-preview:before{content:"";position:absolute;left:25%;right:25%;top:34px;height:1px;background:#be8395}.pairings-board .pair-preview:after{content:"+";position:absolute;top:25px;left:50%;transform:translateX(-50%);line-height:18px;font-size:12px;color:#e0abbc;background:#211e2d;z-index:1}.pair-preview .teaser-champion{position:relative;z-index:2}.pairings-board .tier-picks{gap:9px}.champion-detail-head{display:flex;align-items:center;gap:17px;margin-bottom:20px}.champion-detail-head img{width:64px;height:64px;border:1px solid #5e8194;border-radius:7px}.champion-detail-head strong{font-size:19px;color:var(--text)}.champion-detail-head small{display:block;color:#a3cbd6}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-stats>div{padding:15px;background:#102c3c;border:1px solid #2c5268;border-radius:6px}.detail-stats strong{display:block;font-size:27px;color:#d7f6fa}.detail-stats span{font-size:11px;color:#a6c4d6}.snapshot-link{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.image-dialog{width:min(1120px,calc(100% - 28px));max-width:none;background:#0d1b2b;border:1px solid #426078;border-radius:10px;color:var(--text);padding:22px}.image-dialog::backdrop{background:#020913dc;backdrop-filter:blur(6px)}.image-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.image-dialog-head h2{font-size:22px}.image-dialog-head button{width:44px;height:44px;flex-shrink:0;background:#1c3347;border-radius:6px;font-size:25px}.image-scroll{overflow:auto}.image-scroll img{width:100%;min-width:846px;height:auto;max-width:none}.image-dialog>p{font-size:12px;color:#a9bdd0;margin-top:17px}
/* Supporting page system. */
.breadcrumbs{display:flex;gap:12px;color:#829ab2;font-size:11px;padding-top:28px}.breadcrumbs a{color:#c8dce9;min-height:32px}.page-hero{padding-block:38px 46px;position:relative}.page-hero:after{content:"";position:absolute;right:0;top:20px;width:240px;height:240px;z-index:-1;background:radial-gradient(ellipse,#0d52643d,transparent 70%)}.page-hero h1{font-size:clamp(40px,5vw,66px);letter-spacing:-.055em;line-height:1.09;max-width:900px}.page-hero h1>span{color:var(--cyan)}.page-hero>p:not(.eyebrow){color:#b3c6d9;font-size:17px;line-height:1.85;max-width:680px;margin-top:24px}.status-line{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px;color:#93aac0;margin-top:25px}.journey-nav{margin-bottom:0}.journey-nav a{min-height:64px}.tour-analyzer{padding-bottom:80px}.journey-section{padding:75px 0;border-block-start:1px solid #243b50;background:#0b1725}.journey-section:nth-of-type(even){background:#0e1d2c}.journey-layout,.explanation-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:start}.journey-copy>p:not(.eyebrow),.prose>p{font-size:14px;color:#afc2d6;line-height:1.9;margin-top:21px;max-width:550px}.journey-steps{list-style:none;counter-reset:step;padding:0;margin:27px 0 0;display:grid;gap:21px}.journey-steps li{position:relative;padding-left:37px;counter-increment:step}.journey-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:23px;height:23px;border:1px solid #356174;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:10px}.journey-steps strong{font-size:14px;display:block;line-height:1.5}.journey-steps li>span{display:block;color:#9db3cb;font-size:12px;line-height:1.8;margin-top:4px}.journey-example,.sample-table-shell,.pair-explainer{padding:27px;border:1px solid #344e65;border-radius:10px;background:linear-gradient(140deg,#15304477,transparent),#0c1928}.example-heading .tiny-label{font-size:9px}.example-pool{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:35px 12px 25px}.example-pool>div{text-align:center}.example-pool img{width:84px;height:84px;margin:auto;border:1px solid #547a8e;border-radius:7px}.example-pool strong{display:block;font-size:13px;margin-top:10px}.question-lines{border-top:1px solid #30475b}.question-lines>span{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #2a3d50;padding:12px 0;font-size:12px;color:#adc3d6}.question-lines b{font-size:10px;color:#92ddd9;font-weight:500}.example-note{font-size:11px;color:#9cb1c6;line-height:1.8;margin-top:20px}.composition-orbit{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:center;padding:32px 8px}.composition-orbit>span{padding:16px 8px;border:1px solid #3b586d;border-radius:6px;color:#a8d7e1;font-size:10px;letter-spacing:.1em}.composition-orbit strong{grid-column:1/-1;grid-row:2;font-size:27px;padding:18px;color:#ccecf2;line-height:1.25}.composition-example .text-link{margin-top:15px;color:var(--cyan);font-size:12px}.series-flow{padding-top:25px;text-align:center}.series-flow>div{padding:15px;border:1px solid #2e465d;border-radius:6px;background:#101f30}.series-flow>div.active{border-color:#8c5a70;background:#40293a55}.series-flow>span{display:block;color:#849eb5;padding:6px}.series-flow div>span{font-size:9px;letter-spacing:.12em;color:#b9a7c7}.series-flow strong{display:block;font-size:18px;margin-top:6px}.series-flow p{font-size:11px;color:#a4b6cc;margin-top:4px}.planned-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;border:1px solid #584963;border-radius:10px;background:linear-gradient(120deg,#34223c66,transparent);padding:38px}.planned-panel h2{font-size:29px;margin-top:20px}.planned-panel p{font-size:13px;line-height:1.85;color:#b4c2d6;margin-top:18px}.planned-panel .text-link{color:#d3bbeb;margin-top:15px}.prose h3{font-size:23px;line-height:1.3}.prose h3:not(:first-child){margin-top:33px}.sample-table-shell{padding:22px}.table-scroll{overflow:auto}.sample-table{border-collapse:collapse;text-align:left;width:100%;margin-top:15px;font-size:13px}.sample-table thead th{font-size:10px;color:#9db5ca;font-weight:500;white-space:nowrap}.sample-table th,.sample-table td{padding:12px 6px;border-bottom:1px solid #2f4559}.sample-table td:not(:first-child){font-variant-numeric:tabular-nums}.sample-table th button{display:flex;align-items:center;gap:10px;background:none;padding:0;min-height:48px;text-align:left;font-size:12px;white-space:nowrap}.sample-table th button:hover{color:var(--cyan)}.sample-table img{width:38px;height:38px;border-radius:5px}.sample-table small{display:block;font-size:10px;color:#99b0c6;font-weight:400}.table-tier{font-size:20px;font-weight:700}.tier-s{color:#ffabb9}.tier-a{color:#f5c28f}.tier-b{color:#eddd91}.tier-c{color:#8be0d2}.tier-key{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border:1px solid #3b5268;border-radius:7px;overflow:hidden}.tier-key>div{display:flex;align-items:center;justify-content:center;gap:22px;padding:18px;background:#102234}.tier-key>div+div{border-left:1px solid #3b5268}.tier-key strong{font-size:27px;color:#b4e5e8}.tier-key span{font-size:13px;color:#b4c9dc}.section-note{margin-top:17px;font-size:11px;color:#96adc4;line-height:1.9}.evidence-band{background:#0d1b2a;border-block:1px solid #2a3e53}.paired-example{display:flex;justify-content:center;align-items:center;gap:25px;border:1px solid #7a5265;border-radius:9px;padding:22px;background:#33263866;margin-bottom:27px}.paired-example>div{display:flex;flex-direction:column;align-items:center;gap:5px}.paired-example img,.mystery-portrait{width:64px;height:64px;border:1px solid #9e7185;border-radius:6px}.paired-example strong{font-size:13px}.paired-example small{font-size:10px;color:#b09bb1}.mystery-portrait{display:grid;place-items:center;font-size:32px;color:#c9b9d0;background:#1a2534}.pair-bridge{color:#d298b0;font-size:24px}.pair-explainer h3{font-size:23px}.pair-explainer>p{font-size:13px;color:#a8bdd1;line-height:1.85;margin-top:15px}.compact-facts{margin:20px 0 0}.compact-facts>div{padding:13px 0;border-bottom:1px solid #31485c;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.compact-facts dt{font-size:11px;color:#93abc1}.compact-facts dd{margin:0;font-size:12px;color:#d1e1ee;line-height:1.65}.context-grid article{padding:27px;border-top:1px solid #407085;background:linear-gradient(180deg,#122c3e88,transparent);border-radius:6px}.update-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding-top:20px}.update-entry{padding:0 0 38px 25px;border-left:1px solid #3a6275;position:relative}.update-entry:before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;background:var(--cyan);border-radius:50%}.update-entry+.update-entry{padding-top:22px}.update-entry+.update-entry:before{top:28px}.update-entry time{font-size:11px;color:var(--cyan)}.update-entry h2{font-size:30px;margin-top:15px}.update-entry p,.update-entry li{font-size:13px;color:#aec2d5;line-height:1.9;margin-top:16px}.update-entry ul{padding-left:18px}.update-entry li{margin-top:6px}.update-entry .text-link{margin-top:14px;color:var(--cyan)}.release-card{align-self:start;padding:30px;background:#102335;border:1px solid #3c5b71;border-radius:10px}.release-card h2{font-size:30px;margin-top:23px}.release-card>p{font-size:13px;color:#b1c6d9;line-height:1.9;margin-top:17px}.status-cards h3{margin-top:22px}.inner-page .section{padding-block:76px}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header nav>a{font-size:11px}.journey-layout,.explanation-layout{gap:35px}.update-layout{gap:35px}.prep-path a,.journey-nav a{font-size:12px}.pairings-board .pair-preview{gap:7px;padding:8px 5px}.pairings-board .tier-picks{gap:6px}.pairings-board .pair-preview:before{top:30px}.pairings-board .pair-preview:after{top:21px}}
@media(max-width:900px){.js-tier-boards .mobile-tier-switch{display:flex;gap:5px;padding:5px;border:1px solid #3d566e;border-radius:7px;background:#0c1c2c;margin-bottom:17px}.mobile-tier-switch button{flex:1;min-height:46px;background:transparent;border-radius:4px;font-size:13px;color:#a9c1d6}.mobile-tier-switch button[aria-pressed=true]{background:#24495c;color:#d4fbff}.js-tier-boards .tier-board-grid[data-tier-view=champions] .pairings-board,.js-tier-boards .tier-board-grid[data-tier-view=pairings] .champion-board{display:none}.pairings-board .pair-preview{gap:22px;padding:12px 18px}.pairings-board .pair-preview:before{top:38px}.pairings-board .pair-preview:after{top:29px}.journey-layout,.explanation-layout{grid-template-columns:1fr;gap:32px}.journey-example{max-width:650px;width:100%}.annotation-grid,.context-grid{gap:18px}.annotation-grid article{padding-left:14px}.context-grid article{padding:22px 18px}.annotation-grid h3,.context-grid h3{font-size:20px}.insight-strip{gap:30px}.sample-table th button{font-size:14px}.sample-table th,.sample-table td{padding:14px 10px}}
@media(max-width:900px){.site-header .nav-shell{gap:15px;min-height:94px}.site-header .brand{width:184px}.site-header nav{gap:10px}.site-header nav>a{font-size:10px;white-space:nowrap}.site-header nav .button{padding-inline:10px;font-size:10px}}
@media(max-width:760px){.site-header .nav-shell{gap:15px}.site-header nav{gap:10px}.site-header nav>a{font-size:10px}.site-header nav .button{padding-inline:10px;font-size:10px}.site-header .brand{width:184px}.update-layout,.planned-panel{grid-template-columns:1fr;gap:30px}.context-grid{grid-template-columns:1fr}.inner-page .section{padding-block:55px}.context-grid article{padding:26px}.status-cards{gap:20px}.insight-strip{grid-template-columns:1fr;gap:20px;padding:30px}.hero{padding-block:45px 32px}.hero-art{max-width:420px}}
@media(max-width:700px){.site-header nav>a,.site-header nav .button{font-size:14px;min-height:44px}.site-header .brand{width:184px}.prep-path,.journey-nav{grid-template-columns:1fr}.prep-path a+a,.journey-nav a+a{border-left:0;border-top:1px solid #263c51}.prep-path a,.journey-nav a{min-height:54px;padding:13px 15px;font-size:13px}.prep-path svg{width:15px}.figure-toolbar{padding:13px 15px;gap:9px;letter-spacing:.05em}.figure-toolbar>span:first-child{font-size:8px}.figure-toolbar .status-badge{font-size:9px}.screenshot-button{padding:10px}.annotation-grid{grid-template-columns:1fr;gap:22px;margin-top:25px}.annotation-grid h3{font-size:22px;margin-block:6px 8px}.annotation-grid article{padding-left:18px}.annotation-grid p{font-size:13px}.product-proof .section-heading h2{font-size:34px}.page-hero{padding-block:25px 32px}.page-hero h1{font-size:clamp(37px,8vw,53px)}.page-hero>p:not(.eyebrow){font-size:15px}.status-line{gap:10px;font-size:10px}.journey-section{padding:52px 0}.journey-example{padding:23px}.journey-copy h2{font-size:34px}.journey-copy>p:not(.eyebrow){font-size:13px}.example-heading .tiny-label{font-size:9px}.example-pool{gap:14px;padding:25px 0}.example-pool img{width:68px;height:68px}.planned-panel{padding:26px;gap:25px}.planned-panel h2{font-size:27px}.sample-table-shell{padding:18px 13px}.sample-table th,.sample-table td{padding:11px 5px}.sample-table th button{gap:7px;font-size:12px}.sample-table img{width:33px;height:33px}.sample-table{font-size:12px}.sample-table thead th{font-size:9px}.tier-key>div{padding:14px 5px;flex-direction:column;gap:6px}.tier-key span{font-size:11px}.tier-key strong{font-size:24px}.compact-facts>div{gap:15px;grid-template-columns:1fr 1.15fr}.image-dialog{padding:15px}.image-dialog-head h2{font-size:18px}.image-dialog-head{gap:10px}.image-dialog>p{font-size:11px}.release-card{padding:25px}.update-entry h2{font-size:27px}.breadcrumbs{padding-top:22px}}
@media(max-width:500px){.pairings-board .pair-preview{gap:7px;padding:9px 4px}.pair-preview .teaser-champion{width:43px;flex-basis:43px}.pairings-board .pair-preview:before{top:29px}.pairings-board .pair-preview:after{top:20px}.pairings-board .tier-picks{gap:7px;padding-inline:5px}.pair-preview .teaser-portrait{width:38px;height:38px}.pair-preview .teaser-champion strong{font-size:9px}.teaser-champion.revealed{min-height:78px}.figure-toolbar{flex-direction:column;align-items:flex-start}.sample-table img{display:none}.sample-table th button{min-height:44px}.sample-table .table-tier{font-size:18px}.paired-example{gap:20px;padding:20px}.insight-strip{padding:25px}.context-grid h3{font-size:23px}}
@media(max-width:360px){.pair-preview .teaser-champion{width:35px;flex-basis:35px}.pair-preview .teaser-portrait{width:33px;height:33px}.pairings-board .pair-preview{gap:6px;padding-inline:4px}.pairings-board .tier-picks{gap:5px;padding-inline:3px}.pairings-board .pair-preview:before{top:25px}.pairings-board .pair-preview:after{top:16px}.example-pool img{width:58px;height:58px}.journey-example{padding:19px}.page-hero h1{font-size:36px}}


.dialog-close{width:44px;height:44px}.pair-preview .teaser-champion.revealed{min-width:44px}

/* A complete visible pair is one accessible control; concealed slots contain no images. */
.pairings-board .revealed-pair{color:inherit;font:inherit;cursor:pointer}
.pairings-board .revealed-pair:hover{border-color:#d4a3b6;background:#402b4055}
.pairings-board .revealed-pair:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.pairings-board .revealed-pair:hover .teaser-portrait{border-color:#e8b4c6}
.pairings-board .concealed-pair{align-self:stretch;align-items:center}
.pairings-board .concealed-pair .teaser-champion{min-height:86px;justify-content:flex-start}
.pairings-board .concealed-pair .teaser-portrait{margin-top:0}
@media(max-width:500px){.pairings-board .concealed-pair .teaser-champion{min-height:78px}}

@media(min-width:901px){.tier-board .tier-row{min-height:140px}}