/* Shared relationship playbooks. Each destination has its own accent and symbol. */
.sidebar { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #2a4c64 transparent; }
.sidebar > * { flex-shrink: 0; }
.sidebar .nav-item.resource-link { color: var(--nav-color); gap: 10px; font-size: 12px; line-height: 1.35; padding: 8px 10px; min-height: 46px; }
.resource-symbol { width: 29px; height: 29px; flex: 0 0 29px; display: grid; place-items: center; border-radius: 9px; background: color-mix(in srgb,var(--nav-color) 12%,#071525); border: 1px solid color-mix(in srgb,var(--nav-color) 35%,transparent); box-shadow: inset 0 1px 0 #ffffff16,0 0 15px color-mix(in srgb,var(--nav-color) 8%,transparent); }
.resource-symbol svg { width: 18px; height: 18px; }
.resource-symbol .in-mark { font: bold 19px/1 Arial,sans-serif; letter-spacing: -1px; color: #b9e4ff; }
.sidebar .resource-link:hover,.sidebar .resource-link.active { color: var(--nav-color); border-color: color-mix(in srgb,var(--nav-color) 35%,transparent); background: linear-gradient(110deg,color-mix(in srgb,var(--nav-color) 14%,#061426),#061426); }
.sidebar .resource-link.active .resource-symbol { box-shadow: 0 0 16px color-mix(in srgb,var(--nav-color) 20%,transparent); }
.playbook-page { --accent: #ffc76a; --ink: #04121f; --muted: #a8bfd2; color-scheme: dark; }
.playbook-page .sidebar { padding-top: 24px; }
.playbook-page .brand { padding-bottom: 25px; }
.playbook-page .side-label { margin-bottom: 10px; }
.playbook-page .sidebar .nav-item:not(.resource-link) { padding-top: 9px; padding-bottom: 9px; }
.playbook-page .nav-divider { margin-top: 12px; margin-bottom: 12px; }
.playbook-page .sidebar-foot { margin-top: 24px; }
.playbook-page .topbar { height: 68px; }
.playbook-page .breadcrumb { gap: 10px; }
.playbook-page .breadcrumb a { font-size: 9px; letter-spacing: 1.2px; color: #8daec8; }
.playbook-page .breadcrumb span { font-size: 12px; color: #c4d6e6; }
.playbook-page .topbar > a { font-size: 12px; white-space: nowrap; }
.playbook-main { max-width: 1550px; margin: auto; padding: 26px 34px 50px; }
.playbook-main section[id] { scroll-margin-top: 24px; }
.playbook-main .eyebrow { color: var(--accent); font-size: 10px; letter-spacing: 2px; line-height: 1.6; }
.playbook-main p { font-size: 14px; line-height: 1.85; }
.playbook-main .btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 19px; min-height: 48px; font-size: 13px; line-height: 1.4; }
.playbook-main .btn-accent { color: #04202a; background: linear-gradient(120deg,color-mix(in srgb,var(--accent) 60%,white),var(--accent)); border: 1px solid color-mix(in srgb,var(--accent) 50%,white); box-shadow: 0 7px 25px color-mix(in srgb,var(--accent) 12%,transparent); font-weight: 650; }
.playbook-main .btn-secondary { background: #0b2337; border: 1px solid #32546b; color: #d3e6f5; }
.playbook-main .btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.playbook-main .text-btn { color: var(--accent); font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
.pb-hero { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; min-height: 480px; gap: 20px; border: 1px solid color-mix(in srgb,var(--accent) 28%,#1b3c51); border-radius: 24px; padding: 38px 38px 34px; position: relative; overflow: hidden; background: radial-gradient(ellipse at 80% 40%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 67%),linear-gradient(145deg,#09223b,#030e1f 80%); box-shadow: inset 0 1px 0 #d0eeff12,0 20px 65px #0002; }
.pb-hero::after { content: ''; pointer-events: none; position: absolute; inset: 0; background-image: radial-gradient(#bad8eb30 .7px,transparent .7px); background-size: 28px 28px; opacity: .3; mask-image: linear-gradient(90deg,transparent,black); }
.pb-hero-copy { position: relative; z-index: 1; min-width: 0; }
.pb-hero h1 { font-size: clamp(33px,3.2vw,56px); font-weight: 600; letter-spacing: -1.7px; line-height: 1.08; margin: 18px 0; }
.pb-hero h1 em { display: block; margin-top: 14px; color: var(--accent); font: italic 400 .88em/1.15 var(--serif); letter-spacing: -1px; }
.pb-hero-copy > p { max-width: 480px; color: #b5cfe4; font-size: 14px; }
.pb-actions { display: flex; gap: 12px 20px; align-items: center; flex-wrap: wrap; margin-top: 25px; }
.pb-hero-tags { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 23px; }
.pb-hero-tags span { font-size: 9px; letter-spacing: .4px; color: #b3c7d7; border: 1px solid #35526a; background: #04142288; border-radius: 20px; padding: 5px 9px; }
.pb-art { margin: 0; min-width: 0; position: relative; z-index: 1; }
.pb-art img { display: block; width: 100%; height: auto; filter: drop-shadow(0 20px 25px #0004); }
.pb-art figcaption { text-align: center; color: var(--accent); font-size: 9px; letter-spacing: 2px; text-transform: uppercase; padding-top: 5px; }
.pb-index { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 14px 0 0; padding: 8px 0 20px; border-bottom: 1px solid #244055; }
.pb-index a { display: flex; align-items: center; min-height: 40px; gap: 8px; font-size: 12px; color: #a9c1d4; padding: 6px 12px; border-radius: 8px; }
.pb-index b { color: var(--accent); font-size: 9px; font-weight: 500; }
.pb-index a:hover { color: white; background: #0c2940; }
.pb-section { padding-top: 48px; }
.pb-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 24px; }
.pb-heading h2 { font: 400 clamp(29px,2.65vw,42px)/1.12 var(--serif); letter-spacing: -.7px; margin-top: 11px; }
.pb-heading h2 em { color: var(--accent); font-weight: 400; }
.pb-heading > p { max-width: 400px; font-size: 13px; }
.pb-grid { display: grid; gap: 17px; }
.pb-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pb-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.pb-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.pb-card { border: 1px solid #26465c; border-radius: 16px; padding: 25px; background: linear-gradient(145deg,#0b2337,#051525); min-width: 0; }
.pb-card .card-icon { color: var(--accent); width: 43px; height: 43px; border: 1px solid color-mix(in srgb,var(--accent) 30%,transparent); background: color-mix(in srgb,var(--accent) 9%,#061627); display: grid; place-items: center; border-radius: 12px; margin-bottom: 19px; }
.pb-card h3 { font-size: 18px; font-weight: 550; line-height: 1.35; margin-bottom: 10px; }
.pb-card p { font-size: 13px; }
.pb-card > .eyebrow { margin-bottom: 11px; }
.pb-card .text-btn { margin-top: 10px; }
.pb-card .number { color: var(--accent); font-size: 11px; letter-spacing: 1px; display: block; margin-bottom: 20px; }
.pb-card ul, .pb-bullets { margin: 14px 0 0; padding-left: 19px; color: #a8c1d5; font-size: 13px; line-height: 1.8; }
.pb-card li,.pb-bullets li { margin-bottom: 7px; padding-left: 3px; }
.pb-card li::marker,.pb-bullets li::marker { color: var(--accent); }
.pb-split { display: grid; grid-template-columns: 1fr 1.15fr; gap: 22px; }
.pb-highlight { padding: 29px; background: radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 80%),#071a2c; border: 1px solid color-mix(in srgb,var(--accent) 32%,#193c50); border-radius: 17px; }
.pb-highlight h3 { font: 400 30px/1.2 var(--serif); margin: 10px 0 15px; }
.pb-highlight p { font-size: 13px; }
.pb-checklist { margin-top: 16px; }
.pb-checklist label { display: flex; gap: 13px; align-items: flex-start; border-top: 1px solid #284558; padding: 16px 0; cursor: pointer; }
.pb-checklist input { accent-color: var(--accent); width: 20px; height: 20px; flex: 0 0 20px; margin: 2px 0 0; }
.pb-checklist strong { font-weight: 550; font-size: 13px; display: block; color: #deebf5; }
.pb-checklist small { display: block; color: #9ab9d0; font-size: 12px; line-height: 1.7; margin-top: 4px; }
.pb-checklist input:checked + span strong { color: var(--accent); }
.pb-progress { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 8px; font-size: 11px; color: #a3c1d5; }
.pb-progress progress { width: 40%; height: 6px; border: 0; accent-color: var(--accent); border-radius: 8px; overflow: hidden; }
.pb-progress progress::-webkit-progress-bar { background: #254455; }
.pb-progress progress::-webkit-progress-value { background: var(--accent); }
.pb-field { display: block; font-size: 12px; color: #c2d9e9; }
.pb-field input,.pb-field select { width: 100%; background: #041321; border: 1px solid #35586e; border-radius: 9px; color: #f0f7fb; padding: 12px 13px; min-height: 46px; margin-top: 7px; }
.pb-field input::placeholder { color: #839fb5; }
.pb-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 20px 0; }
.pb-note { font-size: 11px!important; line-height: 1.7!important; color: #90adc1!important; margin-top: 14px; }
.pb-banner { border: 1px solid color-mix(in srgb,var(--accent) 28%,#224156); border-radius: 15px; padding: 23px 26px; display: flex; justify-content: space-between; align-items: center; gap: 24px; background: linear-gradient(110deg,color-mix(in srgb,var(--accent) 9%,#071828),#071828); margin-top: 22px; }
.pb-banner h3 { margin-bottom: 6px; font-size: 18px; }
.pb-banner p { font-size: 13px; max-width: 650px; }
.pb-banner > a { flex-shrink: 0; }
.pb-quote { font: italic 400 23px/1.5 var(--serif); color: #d5e8f3; margin: 20px 0; border-left: 2px solid var(--accent); padding-left: 22px; }
.pb-script-library { border: 1px solid #2c5068; border-radius: 18px; overflow: hidden; background: #061726; }
.pb-script-tabs { display: flex; flex-wrap: wrap; background: #071e32; border-bottom: 1px solid #294b61; padding: 10px; gap: 7px; }
.pb-script-tabs button { font-size: 12px; padding: 11px 15px; min-height: 44px; border: 1px solid transparent; border-radius: 8px; color: #b6cfe2; background: transparent; }
.pb-script-tabs button[aria-selected="true"] { border-color: color-mix(in srgb,var(--accent) 40%,#28475a); color: var(--accent); background: color-mix(in srgb,var(--accent) 9%,#092032); }
.pb-script-panel { padding: 28px; }
.pb-script-panel[hidden] { display: none; }
.pb-script-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 18px; }
.pb-script-top span { font-size: 10px; letter-spacing: 1px; color: var(--accent); }
.pb-copy { min-height: 42px; padding: 8px 13px; border: 1px solid #3c6178; border-radius: 8px; background: #0b2a40; color: #d4edfb; font-size: 12px; }
.pb-copy:hover { background: #123d56; }
.pb-script-text { white-space: pre-line; color: #dfedf5!important; font-size: 15px!important; max-width: 850px; }
.pb-script-tip { margin-top: 22px; padding-top: 16px; border-top: 1px solid #294759; font-size: 12px!important; color: #9dbbd0; }
.pb-personalize { padding: 22px 25px; margin-bottom: 18px; background: #0a2237; border: 1px solid #294a62; border-radius: 15px; }
.pb-personalize .pb-fields { margin-bottom: 7px; }
.pb-personalize h3 { font-size: 17px; }
.pb-steps { list-style: none; padding: 0; margin: 0; counter-reset: pb-steps; }
.pb-steps li { position: relative; padding: 0 0 27px 53px; counter-increment: pb-steps; }
.pb-steps li:last-child { padding-bottom: 0; }
.pb-steps li::before { content: counter(pb-steps,decimal-leading-zero); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; border: 1px solid #416377; background: #092438; font-size: 11px; color: var(--accent); }
.pb-steps li h3 { font-size: 17px; margin-bottom: 7px; }
.pb-steps li p { font-size: 13px; }
.pb-choices { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.pb-choices button { background: #092135; color: #bcd1e2; border: 1px solid #33526a; border-radius: 24px; font-size: 12px; padding: 11px 16px; min-height: 43px; }
.pb-choices button[aria-pressed="true"] { color: var(--accent); border-color: var(--accent); background: color-mix(in srgb,var(--accent) 12%,#06192c); }
.pb-conversation-output { border-left: 2px solid var(--accent); padding: 4px 0 4px 23px; }
.pb-conversation-output h3 { margin-bottom: 12px; }
.pb-conversation-output p { font-size: 16px; color: #d5e9f6; }
.pb-itinerary { padding: 25px; background: #041522; border: 1px solid #2f5365; border-radius: 15px; }
.pb-itinerary > span { color: var(--accent); font-size: 10px; letter-spacing: 1.6px; }
.pb-itinerary h3 { font: 400 29px/1.25 var(--serif); margin: 12px 0; }
.pb-itinerary .pb-script-text { font-size: 14px!important; }
.pb-partner-map { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.pb-partner-map article { padding: 20px; border: 1px solid #2b4562; border-radius: 13px; background: #071b2d; }
.pb-partner-map h3 { font-size: 14px; margin-bottom: 7px; }
.pb-partner-map p { font-size: 12px; }
.pb-partner-map b { font-size: 10px; display: inline-block; color: var(--accent); margin-bottom: 13px; }
.pb-dreams { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border: 1px solid #28475c; border-radius: 16px; overflow: hidden; margin-top: 24px; }
.pb-dreams div { padding: 20px 14px; text-align: center; border-right: 1px solid #28475c; background: #071b2d; }
.pb-dreams div:last-child { border-right: 0; }
.pb-dreams strong { display: block; font: 400 36px var(--serif); color: var(--accent); margin-bottom: 7px; }
.pb-dreams span { font-size: 11px; color: #bfd7e8; }
.pb-wheel-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; border: 1px solid #325064; background: #325064; border-radius: 16px; overflow: hidden; }
.pb-wheel-strip div { padding: 24px; background: #082034; }
.pb-wheel-strip b { display: block; color: var(--accent); font-size: 11px; letter-spacing: 1px; margin-bottom: 17px; }
.pb-wheel-strip h3 { font-size: 18px; margin-bottom: 9px; }
.pb-wheel-strip p { font-size: 12px; }
.pb-toolkit { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.pb-tool { display: flex; gap: 16px; padding: 22px; background: #071b2d; border: 1px solid #284a61; border-radius: 13px; }
.pb-tool > span { color: var(--accent); font-size: 11px; padding-top: 4px; }
.pb-tool h3 { font-size: 15px; margin-bottom: 7px; }
.pb-tool p { font-size: 12px; }
.pb-cloud-flow { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 22px; }
.pb-cloud-flow span { padding: 10px 15px; border: 1px solid #36576e; border-radius: 9px; color: #c8e8f5; font-size: 12px; }
.pb-cloud-flow b { color: var(--accent); font-weight: 400; }
.pb-calculator { display: grid; grid-template-columns: 1fr .9fr; border: 1px solid #37687c; border-radius: 19px; overflow: hidden; }
.pb-calculator-fields { padding: 28px; background: #092238; }
.pb-calculator-fields .pb-fields { grid-template-columns: 1fr 1fr; }
.pb-calculator-output { padding: 30px; background: radial-gradient(ellipse at 100% 0,#17678240,transparent 80%),#041523; display: flex; flex-direction: column; justify-content: center; }
.pb-calculator-output > span { color: var(--accent); font-size: 10px; letter-spacing: 1.5px; }
.pb-calculator-output strong { font: 400 49px/1.2 var(--serif); color: #e4f6ff; margin: 14px 0 9px; display: block; }
.pb-calculator-output p { font-size: 12px; }
.pb-calculator-output .calc-line { border-top: 1px solid #2e5368; margin-top: 19px; padding-top: 17px; font-size: 14px; color: #c3e1f1; }
.pb-resource { display: flex; flex-direction: column; border: 1px solid #29485e; border-radius: 14px; padding: 23px; background: #071a2d; min-width: 0; }
.pb-resource:hover { border-color: var(--accent); background: #0c2740; }
.pb-resource > span { color: var(--accent); font-size: 9px; letter-spacing: 1.5px; }
.pb-resource h3 { font-size: 16px; font-weight: 550; line-height: 1.4; margin: 12px 0 8px; }
.pb-resource p { font-size: 12px; }
.pb-resource > b { margin-top: auto; padding-top: 17px; color: var(--accent); font-size: 18px; font-weight: 400; }
.pb-next { display: grid; grid-template-columns: 1.4fr .8fr; gap: 30px; align-items: center; margin-top: 45px; padding: 34px; border: 1px solid color-mix(in srgb,var(--accent) 32%,#294b60); border-radius: 19px; background: radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--accent) 15%,transparent),transparent 75%),#081f32; }
.pb-next h2 { font: 400 33px/1.2 var(--serif); margin: 12px 0; }
.pb-next p { font-size: 13px; }
.pb-next .btn { justify-self: end; }
.pb-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 13px; margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #264358; font-size: 11px; color: #8eaec5; }
.pb-bottom a { text-decoration: underline; text-underline-offset: 4px; }
.pb-dialog { width: min(620px,92vw); color: #e2f2fb; background: #071d30; border: 1px solid #41738e; border-radius: 17px; padding: 27px; }
.pb-dialog::backdrop { background: #010b1be0; backdrop-filter: blur(5px); }
.pb-dialog h2 { font-size: 23px; margin-bottom: 12px; }
.pb-dialog p { font-size: 13px; }
.pb-dialog textarea { width: 100%; min-height: 210px; margin: 20px 0; padding: 14px; border: 1px solid #426477; border-radius: 9px; background: #041320; color: #e4f2fc; }
.pb-toast { position: fixed; bottom: 24px; left: 50%; transform: translate(-50%,20px); z-index: 20; border-radius: 10px; padding: 13px 20px; background: #d7f5f4; color: #052936; max-width: calc(100vw - 30px); font-size: 13px; opacity: 0; pointer-events: none; transition: opacity .2s,transform .2s; }
.pb-toast.show { opacity: 1; transform: translate(-50%,0); }
.pb-close-nav { display: none; }
@media(min-width:1700px) { .pb-hero { min-height: 530px; padding: 45px; }.pb-hero h1 { font-size: 62px; }.pb-hero-copy > p { font-size: 16px; } }
@media(max-width:1250px) { .playbook-main { padding: 22px; }.pb-hero { padding: 30px; min-height: 440px; }.pb-hero h1 { font-size: 42px; }.pb-hero-copy > p { font-size: 13px; }.pb-heading { gap: 22px; }.pb-card { padding: 21px; }.pb-grid.four { grid-template-columns: repeat(2,minmax(0,1fr)); }.pb-next { padding: 29px; }.sidebar .nav-item.resource-link { font-size: 11px; } }
@media(max-width:1000px) { .pb-hero { grid-template-columns: 1fr; gap: 15px; }.pb-hero-copy > p { max-width: 600px; font-size: 14px; }.pb-art { max-width: 620px; width: 100%; justify-self: center; }.pb-hero h1 { font-size: 48px; }.pb-hero h1 em { font-size: .78em; }.pb-heading { align-items: start; flex-direction: column; gap: 16px; }.pb-heading > p { max-width: 600px; }.pb-split,.pb-calculator { grid-template-columns: 1fr; }.pb-grid.three { grid-template-columns: repeat(2,minmax(0,1fr)); }.pb-dreams { grid-template-columns: repeat(3,minmax(0,1fr)); }.pb-dreams div { border-bottom: 1px solid #28475c; }.pb-banner { align-items: start; flex-direction: column; }.pb-wheel-strip { grid-template-columns: 1fr 1fr; }.pb-next { grid-template-columns: 1fr; gap: 10px; }.pb-next .btn { justify-self: start; } }
@media(max-width:760px) { .playbook-main { padding: 16px 16px 30px; }.playbook-page .topbar { padding: 10px 16px; height: auto; min-height: 64px; }.playbook-page .breadcrumb { flex: 1; flex-wrap: wrap; gap: 2px 8px; }.playbook-page .breadcrumb span { font-size: 10px; }.playbook-page .breadcrumb a { font-size: 8px; }.playbook-page .topbar > a { display: none; }.playbook-page #mobile-menu { width: 42px; height: 42px; flex-shrink: 0; background: transparent; font-size: 22px; }.playbook-page .sidebar { width: 274px; }.pb-close-nav { display: grid; position: absolute; top: 13px; right: 9px; width: 37px; height: 37px; place-items: center; background: #0a2a40; border-radius: 9px; color: #badceb; font-size: 22px; }.playbook-page .brand { padding-right: 25px; }.sidebar .nav-item.resource-link { font-size: 12px; }.pb-hero { border-radius: 20px; padding: 28px 23px 21px; }.pb-hero h1 { font-size: 43px; line-height: 1.06; }.pb-hero h1 em { font-size: .8em; line-height: 1.2; }.pb-hero .eyebrow { font-size: 9px; letter-spacing: 1.4px; }.pb-hero-tags { gap: 6px; }.pb-art { margin-top: 9px; }.pb-art figcaption { font-size: 8px; letter-spacing: 1.5px; }.pb-index { gap: 0; padding-bottom: 13px; }.pb-index a { font-size: 11px; padding: 7px; }.pb-section { padding-top: 34px; }.pb-heading h2 { font-size: 32px; }.pb-grid.two,.pb-grid.three,.pb-grid.four,.pb-toolkit { grid-template-columns: 1fr; }.pb-highlight { padding: 24px; }.pb-fields { grid-template-columns: 1fr; }.pb-field input,.pb-field select { font-size: 16px; }.pb-personalize { padding: 22px; }.pb-script-tabs { gap: 5px; }.pb-script-tabs button { padding: 10px; font-size: 11px; }.pb-script-panel { padding: 22px; }.pb-script-text { font-size: 14px!important; }.pb-partner-map { grid-template-columns: 1fr; }.pb-wheel-strip div { padding: 21px; }.pb-wheel-strip h3 { font-size: 16px; }.pb-banner { padding: 23px; }.pb-next { padding: 26px; }.pb-next h2 { font-size: 30px; }.pb-calculator-fields,.pb-calculator-output { padding: 24px; }.pb-calculator-fields .pb-fields { grid-template-columns: 1fr; }.pb-card p,.pb-highlight p { font-size: 13px; }.pb-toast { width: max-content; text-align: center; } }
@media(max-width:370px) { .pb-hero h1 { font-size: 37px; }.pb-wheel-strip { grid-template-columns: 1fr; }.pb-hero { padding: 25px 20px; } }
@media(prefers-reduced-motion:reduce) { .playbook-page * { scroll-behavior: auto!important; transition: none!important; animation: none!important; } }
@media print { .sidebar,.topbar,.ecosystem-footer,.pb-index,.pb-toast,.pb-copy,.pb-close-nav { display: none!important; }.page-shell { margin: 0!important; }.playbook-main { max-width: none; padding: 0; }.pb-script-panel[hidden] { display: block; }.pb-section { break-inside: avoid; }.pb-hero { min-height: auto; }.pb-art { max-width: 350px; } }