/* Companion essays for the four Collaborate topics. */
.page-guide{--guide-accent:#7457d8;--guide-wash:#ebe7ff;background:#fbf9fd}
.page-guide--experiments{--guide-accent:#a65d95;--guide-wash:#f7e7f1}
.page-guide--disclosure{--guide-accent:#7656ba;--guide-wash:#eee7f7}
.page-guide--feedback{--guide-accent:#486fa8;--guide-wash:#e6edf8}
.guide-wrap{width:min(calc(100% - clamp(40px,8vw,150px)),1360px);margin-inline:auto}
.guide-hero{position:relative;overflow:hidden;padding:clamp(140px,12vw,205px) 0 clamp(70px,8vw,125px);background:radial-gradient(circle at 80% 14%,#fff 0,transparent 29%),linear-gradient(125deg,#f0edff 0%,var(--guide-wash) 52%,#f5e5f0 100%)}
.guide-hero:after{content:attr(data-guide-number);position:absolute;right:10%;bottom:.34em;font:400 clamp(240px,37vw,560px)/1 Playfair,Georgia,serif;letter-spacing:-.1em;color:rgba(69,51,114,.055);pointer-events:none}
.guide-hero .guide-wrap{position:relative;z-index:1}
.guide-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:0 0 clamp(32px,5vw,66px);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#595071}
.guide-breadcrumbs a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .25s}
.guide-breadcrumbs a:hover{ text-decoration-color:currentColor }
.guide-breadcrumbs span[aria-hidden]{opacity:.5}
.guide-kicker{display:inline-flex;align-items:center;gap:14px;margin:0 0 18px;color:var(--guide-accent);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.guide-kicker:before{content:"";width:28px;height:1px;background:currentColor}
.guide-hero h1{max-width:1000px;margin:0;font:400 clamp(58px,7.4vw,130px)/.99 Playfair,Georgia,serif;letter-spacing:-.068em;text-wrap:balance}
.guide-hero h1 em{font-weight:400;color:var(--guide-accent)}
.guide-deck{max-width:760px;margin:30px 0 0;color:#55506a;font-size:clamp(18px,1.45vw,24px);line-height:1.58}
.guide-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(44px,6vw,85px);padding-top:16px;border-top:1px solid rgba(45,35,84,.22);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#675f78}
.guide-layout{display:grid;grid-template-columns:minmax(190px,.46fr) minmax(0,1.5fr);gap:clamp(44px,8vw,150px);padding-block:clamp(70px,8vw,130px) clamp(90px,10vw,160px)}
.guide-sidebar{align-self:stretch}
.guide-sidebar-inner{position:sticky;top:112px}
.guide-sidebar-label{display:block;color:var(--guide-accent);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}
.guide-toc{display:grid;border-top:1px solid #d9d2e4}
.guide-toc a{display:flex;gap:13px;align-items:baseline;padding:16px 0;border-bottom:1px solid #d9d2e4;color:#4d465f;font-size:14px;line-height:1.4;transition:color .25s,padding-left .25s}
.guide-toc a:hover{color:var(--guide-accent);padding-left:5px}
.guide-toc a span{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--guide-accent)}
.guide-sidebar-return{display:inline-block;margin-top:29px;border-bottom:1px solid currentColor;padding-bottom:6px;color:var(--guide-accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.guide-article{max-width:790px;min-width:0}
.guide-article section{scroll-margin-top:125px;margin:0 0 clamp(70px,7vw,110px)}
.guide-article section:last-of-type{margin-bottom:0}
.guide-section-number{display:block;margin-bottom:19px;color:var(--guide-accent);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.guide-article h2{margin:0 0 26px;font:400 clamp(37px,4.1vw,67px)/1.09 Playfair,Georgia,serif;letter-spacing:-.045em;text-wrap:balance}
.guide-article h3{margin:39px 0 12px;font:400 clamp(24px,2.2vw,32px)/1.25 Playfair,Georgia,serif;letter-spacing:-.025em}
.guide-article p,.guide-article li{color:#514b5d;font-size:clamp(16px,1.1vw,19px);line-height:1.78}
.guide-article p{margin:0 0 21px}
.guide-article p:last-child{margin-bottom:0}
.guide-article a:not(.guide-action){color:var(--guide-accent);text-decoration:underline;text-underline-offset:4px}
.guide-article ul{padding-left:1.25em;margin:12px 0 23px}
.guide-article li{padding-left:.3em;margin-bottom:10px}
.guide-quote{margin:0 0 clamp(70px,7vw,110px);padding:28px clamp(28px,4vw,52px);border-left:3px solid var(--guide-accent);background:#f0ebf7;color:#352949;font:italic 400 clamp(24px,2.45vw,39px)/1.35 Playfair,Georgia,serif}
.guide-quote p{font:inherit;color:inherit;margin:0}
.guide-callout{display:grid;grid-template-columns:minmax(115px,.42fr) 1fr;gap:24px;margin:34px 0;padding:29px;border:1px solid #d9d2e4;border-radius:19px;background:#fff}
.guide-callout strong{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--guide-accent)}
.guide-callout p{font-size:16px;line-height:1.65;margin:0}
.guide-end{border-top:1px solid #d9d2e4;padding-top:36px;margin-top:clamp(75px,7vw,115px)}
.guide-end .guide-sidebar-label{margin-bottom:12px}
.guide-end p{margin-bottom:25px}
.guide-actions{display:flex;gap:15px;flex-wrap:wrap}
.guide-action{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 18px;border:1px solid var(--guide-accent);border-radius:100px;background:var(--guide-accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:transform .3s var(--ease),background .3s}
.guide-action:hover{transform:translateY(-3px);background:#281e45}
.guide-action--quiet{background:transparent;color:var(--guide-accent)}
.guide-action--quiet:hover{background:#eee9f5}
.guide-next{padding:clamp(55px,6vw,92px) 0;background:#211b36;color:#f8f3ff}
.guide-next .guide-sidebar-label{color:#d9b7e5}
.guide-next a{display:inline-block;font:400 clamp(37px,5vw,75px)/1.12 Playfair,Georgia,serif;letter-spacing:-.05em;transition:transform .3s var(--ease),color .3s}
.guide-next a:hover{transform:translateX(8px);color:#f0c4e7}
.guide-next a span{font-family:DM,Arial,sans-serif;font-size:.43em;vertical-align:middle}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:52px}.guide-sidebar-inner{position:static}.guide-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.guide-article{max-width:800px}}
@media(max-width:550px){.guide-hero{padding-top:max(129px,calc(env(safe-area-inset-top) + 110px))}.guide-hero h1{font-size:clamp(53px,12.2vw,72px)}.guide-hero-bottom{font-size:9px}.guide-hero-bottom span:last-child{display:none}.guide-layout{padding-top:64px}.guide-toc{grid-template-columns:1fr}.guide-callout{grid-template-columns:1fr;gap:9px;padding:24px}.guide-next a{font-size:39px}}
@media(prefers-reduced-motion:reduce){.guide-breadcrumbs a,.guide-toc a,.guide-action,.guide-next a{transition:none}}