/* Colour Chapters (option B): in-depth guides, business hubs and the main Playbook page. Colours are the home page's bands (home-story.css). */
.w-sky{--c:#e5f0ff;--tint:#eef5ff;--tone:#1f62c4;--h1:#ece4ff;--h2:#e3f7ea}
.w-lilac{--c:#efe9fe;--tint:#f5f1ff;--tone:#5b3fd8;--h1:#f9e3f1;--h2:#e2efff}
.w-pink{--c:#fbe6f2;--tint:#fdf0f7;--tone:#b42c7c;--h1:#efe9fe;--h2:#fff0e5}
.w-peach{--c:#fff0e5;--tint:#fff6ef;--tone:#bb3c27;--h1:#fdf4cf;--h2:#fbe4f0}
.w-butter{--c:#fdf7d6;--tint:#fefbe8;--tone:#8a6700;--h1:#fff0e5;--h2:#e3f1ff}
.w-mint{--c:#e6f6ea;--tint:#f0faf2;--tone:#1a7d49;--h1:#fdf7d6;--h2:#e3f1ff}
.w-white{--c:#fff;--tint:#faf9fe;--tone:#5b3fd8;--h1:#fff;--h2:#fff}
.to-sky{--n:#e5f0ff}.to-lilac{--n:#efe9fe}.to-pink{--n:#fbe6f2}.to-peach{--n:#fff0e5}.to-butter{--n:#fdf7d6}.to-mint{--n:#e6f6ea}
.band{background:radial-gradient(55% 70% at 100% 0%,var(--h1) 0,transparent 70%),radial-gradient(50% 60% at 0% 100%,var(--h2) 0,transparent 70%),var(--c)}
.w-white.band{background:#fff}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,3vw,32px)}
.wrap-wide{max-width:1320px;margin:0 auto;padding:0 clamp(12px,1.6vw,24px)}
.top{padding:20px 0 clamp(90px,10vw,150px)}
.crumbs{display:flex;flex-wrap:wrap;gap:2px 8px;margin:24px 0 0;font-size:14px;line-height:1.5;color:#3f4768}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs i{font-style:normal;opacity:.5}
h1{margin:clamp(30px,4vw,52px) 0 0;max-width:1100px;color:#1b2747;font:700 clamp(46px,6.6vw,96px)/.99 var(--sans);letter-spacing:-.056em;text-wrap:balance}
h1 .rb{font-size:1.07em;display:inline-block}
.lead{max-width:760px;margin:28px 0 0;font-size:clamp(18px,1.55vw,22px);line-height:1.55;color:#2f3859;text-wrap:pretty}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:30px 0 0;font-size:15px;line-height:1.4;color:#2f3859}
.byline .av{width:44px;height:44px;border-radius:50%;object-fit:cover;padding:2px;background:var(--ring)}
.byline a{color:var(--ink);font-weight:700;text-underline-offset:3px}.byline i{width:3px;height:3px;border-radius:50%;background:#6b7290}

/* The reader: a continuous white sheet; the wash either side moves on with each chapter. */
.reader{position:relative;margin-top:calc(clamp(50px,6vw,90px)*-1);background:transparent}
.ch{background:linear-gradient(180deg,var(--c),var(--n,var(--c)))}
.paper{max-width:920px;margin:0 auto;padding:0 clamp(20px,9vw,130px);background:#fff}
.paper.is-first{border-radius:40px 40px 0 0;padding-top:clamp(40px,5vw,72px)}
.paper.is-last{border-radius:0 0 40px 40px;padding-bottom:clamp(40px,5vw,72px);padding-top:clamp(20px,3vw,40px);margin-bottom:clamp(60px,8vw,110px)}
.ch,.paper{display:flow-root}
.top{background:radial-gradient(55% 60% at 100% 0%,var(--h1) 0,transparent 70%),radial-gradient(40% 50% at 0% 0%,var(--h2) 0,transparent 70%),var(--c)}
.paper>p{margin:0 0 1.15em}
.paper a{color:var(--link);text-underline-offset:3px}
.paper>h3{margin:1.9em 0 .5em;color:var(--ink);font:700 clamp(20px,1.7vw,23px)/1.28 var(--sans);letter-spacing:-.022em;text-wrap:balance;scroll-margin-top:28px}
.paper>ul{margin:0 0 1.2em;padding-left:1.2em}.paper>ul li{margin:.5em 0}.paper>ul li::marker{color:var(--tone)}
.ch-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 clamp(-130px,-9vw,-20px) 1.4em;padding:clamp(48px,6vw,84px) clamp(20px,9vw,130px) clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--tint) 0,#fff 100%)}
.ch-head h2{max-width:560px;margin:0;color:var(--ink);font:700 clamp(30px,3.4vw,46px)/1.08 var(--sans);letter-spacing:-.046em;text-wrap:balance;scroll-margin-top:0}
.ch-n{flex:none;margin:0 0 -.1em;color:var(--tone);font:italic 400 clamp(64px,7vw,104px)/.8 var(--serif);letter-spacing:-.03em}
.faq{display:grid;gap:10px}
.faq details{border-radius:18px;background:var(--tint)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 20px;color:var(--ink);font-size:17px;font-weight:700;line-height:1.35;cursor:pointer;list-style:none;border-radius:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{flex:none;color:var(--tone);transition:transform .2s}.faq details[open] summary .ico{transform:rotate(180deg)}
.faq-a{padding:0 20px 8px;font-size:17px}.faq-a p{margin:0 0 1em}
.cine{border-radius:28px;background-color:#121f51;background-size:cover;background-position:center}
.sources{margin-top:3em}.sources h2{margin:0 0 .5em;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.015em}
.end-share{margin-top:22px;display:none}

/* The rail: your place in the guide, drawn on the wash. */
.rail{position:absolute;z-index:3;top:calc(clamp(50px,6vw,90px) + 40px);bottom:400px;left:max(18px,calc(50% - 460px - 228px));width:208px}
.rail-in{position:sticky;top:24px}
.rail-btn{display:flex;align-items:center;gap:10px;width:100%;height:54px;padding:0 12px;border:1px solid rgba(18,31,81,.1);border-radius:99px;background:#fff;color:var(--ink);font:500 12.5px/1.25 var(--sans);text-align:left;cursor:pointer;box-shadow:0 8px 20px -14px rgba(18,31,81,.4)}
.rail-btn>span:nth-child(2){flex:1;display:flex;flex-direction:column}.rail-btn b{font-size:14px;font-weight:800}.rail-btn span span{color:var(--faint)}
.rail-now{margin:16px 4px 12px;min-height:3.9em;color:var(--ink);font-size:14px;font-weight:700;line-height:1.3}
.ticks{margin:0;padding:0 0 0 4px;list-style:none}
.ticks a{display:flex;align-items:center;height:22px}
.ticks i{display:block;width:18px;height:4px;border-radius:9px;background:var(--t);opacity:.78;transition:width .25s cubic-bezier(.2,.8,.2,1)}
.ticks a:hover i{width:30px;opacity:1}.ticks a[aria-current=true] i{width:52px;opacity:1;height:5px}
.c-sky{--t:#1f62c4}.c-lilac{--t:#5b3fd8}.c-pink{--t:#b42c7c}.c-peach{--t:#c8452f}.c-butter{--t:#8a6700}.c-mint{--t:#1a7d49}
.share-col{position:absolute;z-index:3;top:calc(clamp(50px,6vw,90px) + 40px);right:max(18px,calc(50% - 460px - 84px));bottom:400px;width:44px}
.share-col .share{position:sticky;top:24px;flex-direction:column}
.share-col .share a,.share-col .share button{border-color:rgba(18,31,81,.1);box-shadow:0 8px 20px -14px rgba(18,31,81,.4)}

/* Colour tiles: guides as type, no picture needed. */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.tile{position:relative;display:flex;flex-direction:column;padding:26px;border-radius:28px;background:radial-gradient(70% 70% at 100% 0%,var(--h1) 0,transparent 70%),var(--c);min-height:290px}
.tile.w-white{background:#fff;box-shadow:0 18px 40px -34px rgba(18,31,81,.5)}
.tile-meta{display:flex;justify-content:space-between;gap:10px;margin:0 0 auto;padding-bottom:30px;font-size:13.5px;line-height:1.4;color:#3f4768}
.tile-meta span{color:var(--tone);font-weight:800}
.tile h3{margin:0 0 10px;color:var(--ink);font:700 23px/1.2 var(--sans);letter-spacing:-.032em;text-wrap:pretty}
.tile h3 a{text-decoration:none}.tile h3 a::after{content:"";position:absolute;inset:0;border-radius:28px}
.tile:hover h3 a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.tile h3 a:focus-visible{outline:0}.tile h3 a:focus-visible::after{outline:3px solid #5a3fe0;outline-offset:3px}
.tile-x{margin:0;font-size:15px;line-height:1.55;color:#343c5e;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.more,.list,.recent,.topics,.live-band{padding:clamp(60px,8vw,110px) 0}
.more h2,.list h2,.recent h2,.topics h2,.live-band h2{margin:0;color:var(--ink);font:700 clamp(36px,5.2vw,72px)/1.02 var(--sans);letter-spacing:-.052em}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 0;font-size:13.5px;font-weight:600}
.tabs a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:99px;background:rgba(255,255,255,.72);color:#2f3859;text-decoration:none}
.tabs a:hover{background:#fff;color:var(--ink)}
.tabs a[aria-current=page]{background:var(--ink);color:#fff;font-weight:700}

/* Hub */
.hub-top{padding-bottom:40px}
.hub-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;margin-top:36px}
.is-hub h1{margin:0;font-size:clamp(36px,4.7vw,66px);line-height:1.03;letter-spacing:-.05em}
.is-hub .lead{margin:20px 0 26px;font-size:18px}
.hub-photo{width:100%;aspect-ratio:4/4.1;object-fit:cover;border-radius:34px;box-shadow:0 30px 60px -40px rgba(18,31,81,.6)}
.cine-band{padding:0 0 clamp(60px,8vw,100px)}
.cine-big{display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(480px,48vw,680px);padding:clamp(22px,4vw,56px);border-radius:34px;background-position:center 20%}
.cine-big h2{margin:0;max-width:900px;color:#fff;font:700 clamp(36px,5.6vw,80px)/1.02 var(--sans);letter-spacing:-.05em}
.rb-on-dark{background-image:var(--spectrum);color:#cbbcff}
.glass{max-width:760px;margin:18px 0 0;padding:16px 20px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(14,18,48,.62);color:#fff;font-size:16px;line-height:1.55}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.live-band h2{font-size:clamp(34px,4.4vw,60px)}
.sub{margin:16px 0 22px;font-size:18px;line-height:1.55;color:#2f3859}
.pf-t{margin:0 0 8px;font-size:14px;color:#3f4768}.live-band .pf{justify-content:flex-start;color:#2f3859}

/* Playbook home */
.home-top{padding-bottom:clamp(60px,7vw,100px)}
.is-home h1{font-size:clamp(54px,10vw,148px);line-height:.96;letter-spacing:-.06em}
.home-sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:36px}
.home-sub .lead{margin:0}
.hubband{padding:clamp(50px,6vw,84px) 0}
.hubband-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center}
.is-flip .hubband-pic{order:2}
.hubband-pic img{width:100%;aspect-ratio:16/10.4;object-fit:cover;border-radius:30px;box-shadow:0 30px 60px -44px rgba(18,31,81,.6)}
.hubband h2{margin:0;font-size:clamp(46px,5.4vw,78px);line-height:1}.hubband h2 a{text-decoration:none}.hubband h2 .rb{display:inline-block}
.hubband-list{margin:0 0 22px;padding:0;list-style:none}
.hubband-list li{padding:10px 0;border-top:1px solid rgba(18,31,81,.13);font-size:16.5px;font-weight:600;line-height:1.35}
.hubband-list a{color:var(--ink);text-decoration:none}.hubband-list a:hover{text-decoration:underline;text-underline-offset:3px}
.topics .tile{min-height:200px;justify-content:flex-end}

.pill{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;align-items:center;gap:12px;height:58px;padding:0 14px 0 12px;border:1px solid rgba(18,31,81,.1);border-radius:99px;background:#fff;color:var(--ink);font:500 14px/1.2 var(--sans);box-shadow:0 14px 34px -12px rgba(18,31,81,.34);cursor:pointer}
.pill-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.pill-t b{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800}.pill-t span{font-size:12.5px;color:var(--faint)}

@media(max-width:1380px){.rail{width:44px;left:14px}.rail-btn{width:50px;padding:0 9px}.rail-btn>span:nth-child(2),.rail-btn>.ico,.rail-now{display:none}.ticks{margin-top:14px}.ticks a[aria-current=true] i{width:34px}.share-col{right:14px}}
@media(max-width:1120px){.rail,.share-col{display:none}.pill{display:flex}.end-share{display:block}}
@media(max-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-split,.split,.hubband-in,.home-sub{grid-template-columns:minmax(0,1fr)}.is-flip .hubband-pic{order:0}.hub-photo{aspect-ratio:16/10}}
@media(max-width:720px){
 .top{padding-top:10px;padding-bottom:84px}.wrap{padding:0 18px}.top .nav{margin:0 -8px}
 .crumbs{margin-top:16px;font-size:13.5px}
 h1{font-size:clamp(42px,12.4vw,50px);line-height:1;letter-spacing:-.052em}
 .is-hub h1{font-size:34px;line-height:1.06;letter-spacing:-.045em}.is-home h1{font-size:60px}
 .lead{font-size:17.5px;margin-top:18px}.byline{font-size:14px;margin-top:22px}
 .reader{margin-top:-50px}
 .paper{margin:0 8px;padding:0 16px}.paper.is-first{border-radius:28px 28px 0 0;padding-top:30px}.paper.is-last{border-radius:0 0 28px 28px;padding-bottom:30px;margin-bottom:60px}
 .ch-head{margin:0 -16px 1.1em;padding:40px 16px 20px;gap:12px}.ch-head h2{font-size:28px;letter-spacing:-.042em}.ch-n{font-size:56px}
 .tiles{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}.tile{padding:22px;min-height:0}.tile-meta{padding-bottom:18px}.tile h3{font-size:21px}
 .tabs{flex-wrap:nowrap;overflow-x:auto;margin:18px -18px 0;padding:2px 18px;scrollbar-width:none}.tabs a{flex:none}
 .cine-big{min-height:560px;padding:18px;border-radius:24px;background-position:50% 10%}.cine-big h2{font-size:36px}.glass{font-size:15px;padding:12px 14px}
 .is-guide .pb-foot{padding-bottom:78px}
}

/* Added for the real pages. */
.more.band{background:var(--c)}
h1.is-long{font-size:clamp(40px,5vw,72px);line-height:1.03;letter-spacing:-.05em}
.top .pb-preview{max-width:760px}
/* The featured picture: full width across the top of the white sheet, directly under the title block. */
.g-hero{margin:calc(clamp(40px,5vw,72px)*-1) calc(clamp(20px,9vw,130px)*-1) clamp(30px,4vw,52px)}
.g-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:40px 40px 0 0}
.paper>ol{margin:0 0 1.2em;padding-left:1.3em}.paper>ol li{margin:.5em 0}.paper>ol li::marker{color:var(--tone);font-weight:700}
.paper>figure{margin:2.2em clamp(-78px,-6vw,-8px) 2.4em;padding:clamp(12px,1.6vw,22px);border-radius:28px;background:var(--tint)}
.paper>figure img{width:100%;border-radius:14px;box-shadow:0 18px 40px -30px rgba(18,31,81,.5)}
.paper>figure figcaption{margin:16px 6px 4px;font-size:14.5px;line-height:1.55;color:#343c5e}
.paper>figure figcaption b{display:block;margin-bottom:6px;font-size:16.5px;line-height:1.32}
.paper>figure figcaption small{margin-top:6px;color:#454d70}
.pb-table{margin:1.8em clamp(-78px,-6vw,0px);border-radius:24px;background:var(--tint);padding:8px}
.pb-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px;line-height:1.5}
.pb-table th{padding:12px 18px;color:var(--tone);font-size:14px;font-weight:800;text-align:left}
.pb-table td{padding:14px 18px;background:#fff;vertical-align:top;border-top:6px solid var(--tint)}
.pb-table td:first-child{width:38%;border-radius:14px 0 0 14px;color:var(--ink);font-weight:700}.pb-table td:last-child{border-radius:0 14px 14px 0}
.paper .faq{margin-bottom:1em}
.sources:first-child{margin-top:0}
.paper>.g-hero{margin:calc(clamp(40px,5vw,72px)*-1) calc(clamp(20px,9vw,130px)*-1) clamp(30px,4vw,52px);padding:0;border-radius:0;background:none}
.paper>.g-hero img{border-radius:40px 40px 0 0;box-shadow:none}
.tile-img{width:calc(100% + 52px);max-width:none;margin:-26px -26px 22px;aspect-ratio:16/9;object-fit:cover;border-radius:28px 28px 0 0}
.tile>.pb-deep{align-self:flex-start;margin:0 0 12px}
.tile-meta{margin:0 0 12px;padding-bottom:0}
.tile:has(.tile-img){justify-content:flex-start}
.tile:not(:has(.tile-img)) .tile-meta{margin-bottom:auto;padding-bottom:30px}
.tile.has-list{justify-content:flex-start;min-height:0}
.tile.has-list h3 a::after{display:none}
.tile.has-list .art{margin:0 0 16px}
.tile.has-list h3 a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.tile.has-list h3 a:hover{text-decoration-color:currentColor}
.tile.has-list h3{margin-bottom:8px}
.tile.has-list .tile-x{-webkit-line-clamp:unset}
.tile-list{margin:16px 0 0;padding:0;list-style:none;font-size:14.5px;line-height:1.4}
.tile-list li{padding:8px 0;border-top:1px solid rgba(18,31,81,.12)}
.tile-list a{color:var(--ink);font-weight:600;text-decoration:none}.tile-list a:hover{text-decoration:underline;text-underline-offset:3px}
.tiles.is-topics{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-top .crumbs{margin-top:20px}
.home-top h1{margin-top:clamp(20px,3vw,36px)}
/* Business hub: frictions, then what's underneath, then the address box, then the guides. */
.hub-top{padding-bottom:clamp(50px,6vw,80px)}
.hub-top .bar{margin-top:6px}
.stuck{padding:clamp(50px,6vw,84px) 0 clamp(60px,8vw,100px);background:var(--c)}
.stuck h2{margin:0 0 clamp(24px,3vw,40px);color:var(--ink);font:700 clamp(36px,5.2vw,72px)/1.02 var(--sans);letter-spacing:-.052em}
.stuck>.wrap-wide{max-width:1200px;padding:0 clamp(20px,3vw,32px)}
.fr-big{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);overflow:hidden;border-radius:34px;background:#121f51;box-shadow:0 30px 60px -44px rgba(18,31,81,.6)}
.fr-big-t{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,64px)}
.fr-big h3{margin:0 0 22px;color:#fff;font:700 clamp(32px,4vw,56px)/1.05 var(--sans);letter-spacing:-.048em;text-wrap:balance}
.fr-big p{margin:0 0 12px;color:#dfe2f2;font-size:17px;line-height:1.55}.fr-big p:last-child{margin:0}.fr-big b{color:#fff}
.fr-big img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.fr-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.fr{padding:clamp(24px,3vw,36px);border-radius:28px;background:#fff;box-shadow:0 18px 40px -34px rgba(18,31,81,.5)}
.fr h3{margin:0 0 14px;color:var(--ink);font:700 clamp(24px,2.4vw,32px)/1.12 var(--sans);letter-spacing:-.036em}
.fr p{margin:0 0 10px;font-size:16px;line-height:1.55;color:#343c5e}.fr p:last-child{margin:0}.fr b{color:var(--ink)}
.engine{margin:0;padding:clamp(22px,3vw,34px);border-radius:28px;background:rgba(255,255,255,.78);list-style:none;font-size:16px;line-height:1.5;color:#343c5e}
.engine li{padding:12px 0;border-top:1px solid rgba(18,31,81,.1)}.engine li:first-child{padding-top:0;border-top:0}.engine li:last-child{padding-bottom:0}.engine b{color:var(--ink)}
.try{padding:clamp(50px,6vw,84px) 0;background:var(--c)}
.try h2{margin:0 0 24px;color:var(--ink);font:700 clamp(30px,3.8vw,52px)/1.06 var(--sans);letter-spacing:-.046em;text-align:center;text-wrap:balance}
.try .bar{max-width:720px;margin:0 auto}
.list-lead{max-width:760px;margin:14px 0 0;font-size:18px;line-height:1.55;color:#343c5e}
.list .news-form{max-width:560px;margin-top:20px}
.also{display:flex;flex-wrap:wrap;gap:6px 18px;margin:36px 0 0;font-size:15px}.also span{color:var(--faint)}.also a{color:var(--link);font-weight:600;text-underline-offset:3px}
.news-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:24px 56px;align-items:center;max-width:1136px;margin:clamp(56px,7vw,96px) auto;padding:clamp(26px,3vw,40px) clamp(22px,3vw,44px);border:1px solid #e6e8f0;border-radius:28px;background:var(--haze),#fff}
.news-line h2{margin:0;color:var(--ink);font:700 clamp(26px,2.6vw,34px)/1.12 var(--sans);letter-spacing:-.04em}
.news-line p{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--soft)}
@media(max-width:1000px){.tiles.is-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.news-line{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){
 .hubband .ring-btn{white-space:normal;padding:10px 18px;font-size:14.5px}
 .paper>.g-hero{margin:-30px -16px 26px}.paper>.g-hero img{border-radius:28px 28px 0 0}
 .paper>figure{margin:1.8em -10px 2em;padding:8px;border-radius:20px}.paper>figure figcaption{margin:12px 6px 6px}
 .pb-table{margin:1.6em -10px;padding:6px;border-radius:20px}.pb-table table,.pb-table tbody,.pb-table tr,.pb-table td{display:block;width:auto}.pb-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .pb-table tr{margin-bottom:6px;padding:12px 14px;border-radius:14px;background:#fff}.pb-table td{padding:0;border:0;border-radius:0!important;background:none}.pb-table td:first-child{width:auto;margin-bottom:4px}
 h1.is-long{font-size:36px;line-height:1.06;letter-spacing:-.045em}
 .tile-img{width:calc(100% + 44px);margin:-22px -22px 18px}
 .tiles.is-topics{grid-template-columns:minmax(0,1fr)}
 .fr-cards{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
 .stuck h2{font-size:34px}
 .fr-big{grid-template-columns:minmax(0,1fr);border-radius:24px}.fr-big img{order:-1;height:auto;aspect-ratio:5/4}.fr-big-t{padding:24px 20px}.fr-big h3{font-size:32px}.fr-big p{font-size:16px}
 .news-line{margin:48px 10px;padding:24px 18px;border-radius:24px}
}

/* /features: the Branch map as an example (the look of .fp in live.css), then the list. Below 1200px the map stacks into a tree that reads top to bottom. */
.ft-choose{padding-bottom:clamp(50px,6vw,84px)}
.ft-choose .sub{max-width:760px}
.ft-map{margin:clamp(24px,3vw,36px) 0 0;border:1px solid #e6e1f4;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -44px rgba(18,31,81,.6);color:#1d1b2e;line-height:1.35}
.ft-bar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}
.ft-tabs{display:inline-flex;gap:3px;margin:0;padding:3px;border-radius:12px;background:#f1eef8;list-style:none;font-size:13px;font-weight:600;color:#6d6788}
.ft-tabs li{padding:8px 14px;border-radius:9px}
.ft-tabs .is-on{background:#fff;color:#1d1b2e;box-shadow:0 1px 3px rgba(30,25,60,.14)}
.ft-tag{flex:none;padding:6px 14px;border-radius:99px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;letter-spacing:.01em}
.ft-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;border-top:1px solid #ece8f6;border-bottom:1px solid #ece8f6}
.ft-pick{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6d6788}
.ft-pick span{position:relative;padding:7px 30px 7px 10px;border:1px solid #e6e1f4;border-radius:10px;background:#fff;font-size:13.5px;color:#1d1b2e}
.ft-pick span::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:1.6px solid #6d6788;border-bottom:1.6px solid #6d6788;transform:rotate(45deg)}
.ft-sum{font-size:13.5px;color:#6d6788}.ft-sum b{color:#1d1b2e}
.ft-canvas{padding:22px 18px;background-color:#fbfaff;background-image:radial-gradient(#e2ddf2 1.1px,transparent 1.2px);background-size:22px 22px}
.ft-world{position:relative;margin:0 auto}
.ft-edges{position:absolute;left:0;top:0;overflow:visible}
.ft-line{fill:none;stroke:#b9aee0;stroke-linecap:round}
.ft-line.is-custom{stroke:#e0974f;stroke-dasharray:7 6}
.ft-nodes{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.ft-node{position:absolute;width:230px;padding:11px 13px;transform:translateY(-50%);border:1.5px solid #e6e1f4;border-radius:16px;background:#fff;box-shadow:0 10px 26px -18px rgba(60,40,140,.35)}
.ft-node.is-custom{border-color:#f3cfa6;background:#fffaf4}
.ft-kind{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;line-height:1;letter-spacing:.07em;text-transform:uppercase;color:#7648ed}
.ft-r .ft-kind{color:#2f8a5c}.ft-node.is-custom .ft-kind{color:#b8651c}
.ft-start{width:8px;height:8px;border-radius:50%;background:conic-gradient(#77b9ff,#9162de,#df559b,#efac58,#e3d963,#7ac563,#77b9ff)}
.ft-title{margin:7px 0;font-size:14.5px;font-weight:700}
.ft-foot{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12.5px;color:#76718e}.ft-foot b{color:#1d1b2e;font-size:13.5px}
.ft-left{color:#a2622a}.ft-foot .ft-left b{color:#a2622a}
.ft-done{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;color:#4d4966}
.ft-done b{color:#1d1b2e}.ft-done .ft-share{font-size:18px;letter-spacing:-.02em;color:#2f8a5c}
.ft-bar{display:block;position:relative;height:6px;margin-top:7px;border-radius:99px;background:#eef6f1;overflow:hidden}
.ft-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#7ac563,#2f8a5c)}
.ft-ans{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:max-content;max-width:150px;padding:6px 10px 7px;transform:translateY(-50%);border:1px solid #e6e1f4;border-radius:12px;background:#fff}
.ft-ans.is-custom{border-color:#f3cfa6;background:#fffaf4}
.ft-ans em{font-size:10.5px;font-style:normal;font-weight:700;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:#b8651c}
.ft-words{font-size:12.5px;font-weight:600;color:#3a3655}
.ft-ans.is-custom .ft-words{font-style:italic;color:#7a4a1c}
.ft-pct{font-size:12px;font-weight:700;line-height:1.4;color:#5b4fd6;white-space:nowrap}
.ft-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:10px 14px;border-top:1px solid #ece8f6;list-style:none;font-size:12.5px;color:#76718e}
.ft-legend li{display:inline-flex;align-items:center;gap:7px}
.ft-key{display:inline-block;flex:none;width:22px;border-top:3px solid #b9aee0;border-radius:2px}
.ft-key.is-custom{border-top:3px dashed #e0974f}
.ft-map figcaption{padding:12px 14px;border-top:1px solid #ece8f6;background:#f8f6fd;font-size:14.5px;color:#343c5e}
.ft-map figcaption b{color:var(--ink)}
.ft-read{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);margin-top:clamp(28px,3.5vw,44px);font-size:17px;line-height:1.55;color:#2f3859}
.ft-read h3{margin:0 0 12px;color:var(--ink);font:700 clamp(23px,2.2vw,28px)/1.15 var(--sans);letter-spacing:-.034em}
.ft-read ul{margin:0;padding:0 0 0 1.2em}.ft-read li{margin:0 0 8px}.ft-read li::marker{color:var(--tone)}
.ft-read p{margin:0 0 12px}.ft-read p:last-child{margin:0}
.ft-more .tile-x{margin-top:0}
.ft-more .tile-x a{color:var(--link);font-weight:600;text-underline-offset:3px}
.ft-wide{grid-column:span 2}
.ft-more h2{font-size:clamp(34px,4.4vw,60px)}
.ft-more .pf{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:16px 0;padding:0;list-style:none;font-size:14px;font-weight:600;line-height:1.3;color:#2f3859}
.ft-more .pf li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;border-radius:99px;background:rgba(255,255,255,.8)}
@media(max-width:1199px){
 .ft-canvas{padding:16px 14px}
 .ft-world{width:auto!important;height:auto!important;max-width:640px}
 .ft-edges{display:none}
 .ft-nodes{position:static;display:flex;flex-direction:column}
 .ft-node,.ft-ans{position:relative;left:auto!important;top:auto!important;transform:none}
 .ft-node{width:auto;margin-bottom:12px}
 .ft-ans{max-width:100%;width:fit-content;margin-bottom:6px;border-radius:12px}
 .ft-pct{white-space:normal}
 .ft-ans.d1,.ft-node.d1{margin-left:14px}
 .ft-ans.d2,.ft-node.d2{margin-left:28px}
 .ft-node:not(.d0){border-left-width:4px;border-left-color:#b9aee0}
 .ft-node.is-custom:not(.d0){border-left-color:#e0974f}
 .ft-read{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1000px){.ft-wide{grid-column:span 2}}
@media(max-width:720px){
 .ft-wide{grid-column:auto}
 .ft-tabs li{padding:8px 10px}
 .ft-bar-top{padding:10px}.ft-tools{padding:10px}.ft-legend{padding:10px}.ft-map figcaption{padding:12px 10px}
 .ft-map{border-radius:20px}
 .ft-read{font-size:16.5px}
}