.af9-playbook{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%;align-items:center;padding:85px 6%;background:radial-gradient(ellipse at 80% 40%,#3b48604a,transparent 55%),#0b202d;border-top:1px solid #cab47a42;color:#dce6df;overflow:hidden}
.af9-playbook-copy{min-width:0}.af9-playbook .eyebrow{font-size:12px;color:#d5bd84;letter-spacing:.11em}.af9-playbook h2{font-family:var(--font-heading);font-size:clamp(32px,3vw,46px);line-height:1.14;letter-spacing:-.045em;color:#f0eee1;margin:18px 0 24px}.af9-playbook-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#b5c9c6}.af9-playbook dl{margin:30px 0}.af9-playbook dl>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;padding:19px 0;border-top:1px solid #c7c8b62c}.af9-playbook dt{font-size:11px;letter-spacing:.06em;line-height:1.7;color:#dbbf82}.af9-playbook dd{margin:0;font-size:15px;line-height:1.8;color:#b9ccc6}.af9-playbook-copy>p.af9-ownership{font-size:14px;line-height:1.8;color:#a5bdb7}.af9-playbook-copy>a{margin-top:19px}
.af9-spec-stack{position:relative;padding:18px 0 18px 25px;perspective:1200px;min-width:0}.af9-spec-spine{position:absolute;top:0;left:0;bottom:0;width:50%;border:1px solid #aa95654d;border-radius:8px;background:linear-gradient(120deg,#344454,#172a36);box-shadow:0 25px 40px #0004;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em;padding:22px 13px;color:#c5ad79;transform:rotate(-3deg)}
.af9-spec{position:relative;background:linear-gradient(130deg,#f3f2e9,#dce5dc);color:#243c40;box-shadow:10px 24px 45px #0006,inset 0 1px 0 #fff;border-radius:8px;overflow:hidden;border:1px solid #e6e7d4;transform:rotateY(-5deg) rotate(1deg)}.af9-spec>header{padding:30px 28px 23px;border-bottom:1px solid #526b5e35;background:radial-gradient(ellipse at 100% 0,#b9c5b44a,transparent 70%)}.af9-spec>header>span{font-size:10px;letter-spacing:.13em;color:#796b40}.af9-spec>header>strong{display:block;font-family:var(--font-heading);font-size:27px;letter-spacing:-.04em;line-height:1.25;margin:12px 0}.af9-spec>header>p{font-size:12px;line-height:1.7;color:#65796f;margin:0}
.af9-spec-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0 23px;background:#cedbd160}.af9-spec-tabs button{padding:15px 8px;min-height:50px;border:0;border-bottom:2px solid transparent;background:none;color:#5d6e64;font:inherit;font-size:13px;text-align:left;cursor:pointer}.af9-spec-tabs button[aria-selected=true]{color:#304b42;border-color:#9d8045;background:#f1eedc80}.af9-spec-tabs button:focus-visible{outline:3px solid #8b6931;outline-offset:-3px}.af9-spec #af9-sample-panel{padding:27px 28px 29px;min-height:375px}.af9-spec #af9-sample-kicker{font-size:10px;letter-spacing:.09em;color:#8d7446}.af9-spec h3{font-family:var(--font-heading);font-size:27px;line-height:1.25;letter-spacing:-.035em;color:#27443c;margin:14px 0 19px}.af9-spec #af9-sample-copy{font-size:15px;line-height:1.8;color:#586f64}.af9-spec ul{list-style:none;padding:0;margin:23px 0}.af9-spec li{font-size:14px;line-height:1.8;padding:13px 0 13px 18px;border-top:1px solid #526b5e25;position:relative}.af9-spec li::before{content:'—';position:absolute;left:0;color:#8a713e}.af9-spec #af9-sample-check{font-size:12px;line-height:1.8;color:#6b7c6e;margin:20px 0 0;padding-top:15px;border-top:1px solid #526b5e35}
@media(max-width:1050px){.af9-playbook{grid-template-columns:1fr;gap:40px;padding:60px 7%}.af9-playbook-copy{max-width:750px}.af9-spec-stack{width:min(100%,650px);margin:auto}.af9-spec{transform:none}.af9-spec #af9-sample-panel{min-height:0}}
@media(max-width:600px){.af9-playbook{padding:45px 6%}.af9-playbook h2{font-size:34px}.af9-playbook h2 br{display:none}.af9-playbook dl>div{grid-template-columns:1fr;gap:8px}.af9-playbook dt{font-size:11px}.af9-playbook dd{font-size:16px}.af9-spec-stack{padding-left:10px}.af9-spec>header{padding:24px 21px}.af9-spec>header>strong{font-size:26px}.af9-spec-tabs{padding:0 13px}.af9-spec-tabs button{font-size:12px}.af9-spec #af9-sample-panel{padding:24px 21px}.af9-spec h3{font-size:25px}.af9-spec li{font-size:14px}.af9-spec-spine{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.af9-spec,.af9-spec-spine{transform:none}}