.ad-guide{--ad-ink:#512155;--ad-paper:#fff9f6;--ad-stage:0;scroll-margin-top:110px}.ad-guide .section-head{max-width:760px}.ad-guide .section-head>p:last-child{max-width:650px}.ad-controls[hidden]{display:none!important}.ad-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:28px 0;color:#6e4c71;font-size:.8rem}.ad-controls>span{margin-right:auto}.ad-controls button{min-height:46px;padding:10px 16px;background:transparent;border:1px solid #c19ac4;border-radius:6px;color:var(--ad-ink);font:inherit;cursor:pointer}.ad-controls button[hidden]{display:none}.ad-controls button:focus-visible,.ad-select:focus-visible{outline:3px solid #9f5501;outline-offset:4px}
.ad-board{position:relative;padding:32px 26px 28px;border:1px solid #c8bfbb;border-radius:18px;background:linear-gradient(130deg,#f4ebe6,#f1e8e3);box-shadow:0 8px 0 #d3cac6,0 28px 42px -25px #501f5544;isolation:isolate}.ad-zones{display:grid;grid-template-columns:1fr 3fr;gap:20px;margin-bottom:30px;color:#79507d;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.ad-zones span{border-bottom:1px solid #c89ecb;padding-bottom:12px}.ad-zones span+span{border-bottom-style:dashed}.ad-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0;perspective:1300px}.ad-stage{position:relative;min-width:0;padding:18px 16px 20px;border:1px solid #cbc2bd;border-radius:4px 14px 14px 4px;background:var(--ad-paper);box-shadow:0 5px 0 #dcd3cf,0 9px 16px -10px #51215555;transform:translateY(0) rotateY(-3deg);transition:transform .85s cubic-bezier(.2,.8,.2,1),box-shadow .85s,border-color .85s}.ad-stage:nth-child(n+2){background:#f5ebe7}.ad-stage:last-child{background:#632669;color:#fff9f6;box-shadow:0 5px 0 #7e4783,0 9px 16px -10px #51215555}.ad-select{display:flex;gap:10px;align-items:center;width:100%;padding:0 0 14px;min-height:48px;text-align:left;border:0;background:transparent;font:inherit;font-size:.76rem;font-weight:700;color:inherit;cursor:pointer}.ad-select:disabled{cursor:default;opacity:1}.ad-select span{font-size:.63rem;padding:5px 6px;border:1px solid currentColor;border-radius:4px;font-weight:500}.studio-document .ad-stage h3{font-size:clamp(18px,1.8vw,23px);line-height:1.22;letter-spacing:-.025em;margin:16px 0 12px;color:var(--ad-ink)}.studio-document .ad-stage p{font-size:.84rem;line-height:1.7;margin:0;color:#704374}.studio-document .ad-stage:last-child h3{color:#fff9f6}.studio-document .ad-stage:last-child p{color:#ede4df}.ad-art{height:92px;position:relative;display:grid;place-items:center;perspective:500px;border-block:1px solid #d6cdc8;margin-bottom:10px}.ad-art>span{display:block;min-width:72%;max-width:100%;padding:12px 8px;background:#fffcfb;border:1px solid #d1a3d4;border-radius:3px;box-shadow:5px 5px 0 #e0b7e3,10px 10px 15px -7px #66246c44;transform:rotateX(18deg) rotateY(-12deg);color:#64236a;font-size:.7rem;text-align:center;transition:transform .85s,box-shadow .85s}.ad-stage:last-child .ad-art{border-color:#8d5892}.ad-stage:last-child .ad-art>span{border:1px dashed #e6b087;color:#fbcca9;background:#4f1d54;box-shadow:5px 5px 0 #79457e}.ad-board-note{font-size:.78rem!important;line-height:1.7;color:#773f7c!important;border-top:1px solid #ddaee1;margin:30px 0 0!important;padding-top:18px}.ad-board-note strong{color:#541f59}.ad-guide[data-ad-ready=true] .ad-stage[data-active=true]{border-color:#a25809;transform:translateY(-10px) translateZ(20px) rotateY(0);box-shadow:0 7px 0 #cca78c,0 22px 26px -15px #66246c55}.ad-guide[data-ad-ready=true] .ad-stage[data-active=true] .ad-art>span{transform:translateY(-4px) rotateX(4deg) rotateY(-4deg);box-shadow:7px 9px 0 #e0b7e3,12px 14px 18px -7px #66246c44}.ad-guide[data-ad-ready=true] .ad-stage:last-child[data-active=true] .ad-art>span{box-shadow:7px 9px 0 #79457e}.ad-guide[data-ad-motion=true] .ad-stage[data-active=true] .ad-art:after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:#a65a09;transform-origin:left;animation:ad-reading 7s linear both}.ad-community{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:32px}.ad-community>div{padding:22px 0;border-bottom:1px solid #ddaee1}.ad-community h3{font-size:1.2rem!important}.ad-community p{font-size:.9rem!important}.ad-community a{display:inline-flex;align-items:center;min-height:44px;color:#632669;text-underline-offset:5px}.ad-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ad-guide[data-ad-present=false] .ad-stage,.ad-guide[data-ad-paused=true] .ad-stage,.ad-guide[data-ad-paused=true] .ad-art>span{transition:none}
@keyframes ad-reading{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:850px){.ad-stages{grid-template-columns:1fr 1fr;gap:24px 16px}.ad-zones{grid-template-columns:1fr 1fr}.ad-stage{padding:16px}.ad-stage:nth-child(3){border-top-style:dashed}.ad-art{height:80px}.ad-stage h3{font-size:21px!important}.ad-board{padding:26px 20px}.ad-zones span+span{grid-column:auto}.ad-community{grid-template-columns:1fr;gap:0}}
@media(max-width:420px){.ad-board{padding:24px 14px}.ad-stages{gap:22px 12px}.ad-stage{padding:12px 10px}.ad-select{font-size:.72rem;gap:6px;flex-wrap:wrap}.ad-stage h3{font-size:18px!important}.studio-document .ad-stage p{font-size:.79rem}.ad-art>span{font-size:.65rem;min-width:0;width:88%;padding:10px 5px}.ad-controls>span{width:100%}.ad-zones{font-size:.6rem;gap:14px}.ad-guide{scroll-margin-top:96px}}
@media(prefers-reduced-motion:reduce){.ad-guide .ad-stage,.ad-guide .ad-art>span{transform:none!important;transition:none!important}.ad-art:after{animation:none!important;display:none}}
@media(max-width:600px){
 .ad-stages{grid-template-columns:1fr;gap:24px}.ad-zones{display:none}.ad-board{padding:28px 18px}.ad-stage{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:0 14px;padding:18px;transform:none}
 .ad-select{grid-column:1/-1;font-size:.85rem;flex-wrap:nowrap}.ad-art{grid-column:2;grid-row:2;align-self:center;width:88px;height:90px;margin:0;border:0}.ad-art>span{width:100%;font-size:.64rem;padding:10px 5px}
 .studio-document .ad-stage h3{grid-column:1;grid-row:2;align-self:center;font-size:22px!important;margin:10px 0 18px;line-height:1.25}.studio-document .ad-stage p{grid-column:1/-1;font-size:15px;line-height:1.7;margin-top:14px}.ad-board-note{font-size:.83rem!important}
}
@media(max-width:360px){
 .ad-stage{grid-template-columns:1fr}.ad-stage .ad-art{grid-column:1;grid-row:3;width:100%;height:68px}.ad-stage .ad-art>span{width:auto;min-width:72%;max-width:90%}.studio-document .ad-stage h3{grid-column:1;grid-row:2;margin:8px 0 12px}.studio-document .ad-stage p{grid-column:1;grid-row:4}
}