:where([data-guide-route=communication]) .communication-guide{--communication-accent:#5eead4;--communication-blue:#7dd3fc;width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:2rem clamp(1rem,4vw,2.5rem) 5rem;color:var(--text-primary,#f8fafc)}:where([data-guide-route=communication]) .communication-guide a{color:var(--communication-accent);text-underline-offset:.2em}:where([data-guide-route=communication]) .communication-guide a:focus-visible,:where([data-guide-route=communication]) .communication-guide a:hover{color:#ccfbf1}:where([data-guide-route=communication]) .communication-guide .guide-header{max-width:950px;margin:2.5rem auto 2rem;padding:0;text-align:center}:where([data-guide-route=communication]) .communication-guide .timing-badge{display:block;margin:0;color:var(--communication-accent);font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}:where([data-guide-route=communication]) .communication-guide .guide-header h1{margin:.75rem 0 1rem;font-size:clamp(2.2rem,6vw,4.25rem);font-weight:900;letter-spacing:-.045em;line-height:1.02;background:linear-gradient(135deg,#ffffff 8%,#99f6e4 48%,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}:where([data-guide-route=communication]) .communication-guide .guide-subtitle{max-width:840px;margin:0 auto;color:var(--text-secondary,rgba(255,255,255,.76));font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}:where([data-guide-route=communication]) .communication-guide>.info-box.important{display:block;margin:1.25rem 0 1.5rem;padding:.9rem 1rem;border:1px solid rgba(94,234,212,.24);border-radius:10px;background:rgba(13,148,136,.09);color:rgba(255,255,255,.72);font-size:.88rem;line-height:1.55}:where([data-guide-route=communication]) .communication-guide .table-of-contents{margin:0 0 1.5rem;border-color:rgba(94,234,212,.2);background:rgba(13,148,136,.06)}:where([data-guide-route=communication]) .communication-guide .guide-section{scroll-margin-top:5rem;margin:1.25rem 0;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:radial-gradient(circle at top right,rgba(20,184,166,.1),transparent 38%),rgba(255,255,255,.035);box-shadow:0 18px 45px rgba(0,0,0,.14)}:where([data-guide-route=communication]) .communication-guide .guide-section>h2{margin:0 0 1.25rem;color:#ffffff;font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.025em;line-height:1.18}:where([data-guide-route=communication]) .communication-guide .guide-section>h2:before{display:block;margin-bottom:.4rem;color:var(--communication-accent);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}:where([data-guide-route=communication]) .communication-guide #model>h2:before{content:"Meaning before volume"}:where([data-guide-route=communication]) .communication-guide #packet>h2:before{content:"Five parts, one decision"}:where([data-guide-route=communication]) .communication-guide #channel>h2:before{content:"Fit signal to complexity"}:where([data-guide-route=communication]) .communication-guide #priority>h2:before{content:"Urgent, preparing, info, closed"}:where([data-guide-route=communication]) .communication-guide #missing>h2:before{content:"Preserve uncertainty honestly"}:where([data-guide-route=communication]) .communication-guide #fights>h2:before{content:"Call the next useful action"}:where([data-guide-route=communication]) .communication-guide #objectives>h2:before{content:"Ready, start, finish, exit"}:where([data-guide-route=communication]) .communication-guide #status>h2:before{content:"Expose the hidden constraint"}:where([data-guide-route=communication]) .communication-guide #ambiguity>h2:before{content:"Close the loop"}:where([data-guide-route=communication]) .communication-guide #boundaries>h2:before{content:"Conduct, privacy, safety"}:where([data-guide-route=communication]) .communication-guide #review>h2:before{content:"Rebuild one packet"}:where([data-guide-route=communication]) .communication-guide #faq>h2:before{content:"Quick answers"}:where([data-guide-route=communication]) .communication-guide .communication-card li,:where([data-guide-route=communication]) .communication-guide .communication-card>p,:where([data-guide-route=communication]) .communication-guide .guide-section>p,:where([data-guide-route=communication]) .communication-guide .info-block p,:where([data-guide-route=communication]) .communication-guide details p{color:var(--text-secondary,rgba(255,255,255,.78));line-height:1.7}:where([data-guide-route=communication]) .communication-guide .communication-card>p:last-child,:where([data-guide-route=communication]) .communication-guide .guide-section>p:last-child,:where([data-guide-route=communication]) .communication-guide .info-block p:last-child,:where([data-guide-route=communication]) .communication-guide details p{margin-bottom:0}:where([data-guide-route=communication]) .communication-guide .communication-card{margin:0;padding:0;border:0;background:transparent}:where([data-guide-route=communication]) .communication-guide .communication-card>ol,:where([data-guide-route=communication]) .communication-guide .communication-card>ul{display:grid;grid-gap:.8rem;gap:.8rem;margin:1rem 0 0;padding:0;list-style:none}:where([data-guide-route=communication]) .communication-guide .communication-card>ol{counter-reset:communication-step}:where([data-guide-route=communication]) .communication-guide .communication-card>ol>li,:where([data-guide-route=communication]) .communication-guide .communication-card>ul>li{position:relative;margin:0;padding:.95rem 1rem .95rem 3.35rem;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(0,0,0,.16)}:where([data-guide-route=communication]) .communication-guide .communication-card>ol>li{counter-increment:communication-step}:where([data-guide-route=communication]) .communication-guide .communication-card>ol>li:before,:where([data-guide-route=communication]) .communication-guide .communication-card>ul>li:before{position:absolute;top:.85rem;left:.9rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:rgba(13,148,136,.34);color:#ccfbf1;font-size:.8rem;font-weight:850}:where([data-guide-route=communication]) .communication-guide .communication-card>ol>li:before{content:counter(communication-step)}:where([data-guide-route=communication]) .communication-guide .communication-card>ul>li:before{content:"✓"}:where([data-guide-route=communication]) .communication-guide .communication-card strong,:where([data-guide-route=communication]) .communication-guide .info-block strong{color:#99f6e4}:where([data-guide-route=communication]) .communication-guide .communication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin:0 0 1.25rem}:where([data-guide-route=communication]) .communication-guide .info-block{min-width:0;margin:0 0 .85rem;padding:1.15rem;border:1px solid rgba(94,234,212,.18);border-radius:13px;background:rgba(15,118,110,.18)}:where([data-guide-route=communication]) .communication-guide .communication-grid .info-block{margin:0}:where([data-guide-route=communication]) .communication-guide .info-block h4{margin:0 0 .55rem;color:#ffffff;font-size:1.05rem;line-height:1.35}:where([data-guide-route=communication]) .communication-guide .info-block.highlight-box{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);grid-gap:1rem;gap:1rem;align-items:center;border-color:rgba(125,211,252,.24);background:rgba(8,47,73,.25)}:where([data-guide-route=communication]) .communication-guide .info-block.highlight-box h4,:where([data-guide-route=communication]) .communication-guide .info-block.highlight-box p{margin:0}:where([data-guide-route=communication]) .communication-guide .signal-note{margin:1rem 0 0;padding:1rem 1.1rem;border-left:4px solid var(--communication-blue);border-radius:8px;background:rgba(125,211,252,.07)}:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:1.5rem;gap:1.5rem;align-items:center;margin:1.5rem 0;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(88,101,242,.48);border-radius:18px;background:radial-gradient(circle at top right,rgba(88,101,242,.2),transparent 42%),rgba(88,101,242,.07)}:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title] h3{margin:0 0 .55rem;color:#ffffff;font-size:clamp(1.35rem,3vw,1.9rem)}:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title] p{max-width:760px;margin:0;color:rgba(255,255,255,.72);line-height:1.6}:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1rem;border:1px solid #7781f6;border-radius:10px;background:#5865f2;color:#ffffff;font-weight:800;text-decoration:none;white-space:nowrap}:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]>a:focus-visible,:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]>a:hover{background:#6975f4;color:#ffffff;transform:translateY(-1px)}:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]>a:focus-visible{outline:3px solid rgba(153,246,228,.92);outline-offset:3px}:where([data-guide-route=communication]) .communication-guide details{margin-top:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(0,0,0,.15)}:where([data-guide-route=communication]) .communication-guide summary{padding:1rem;color:#ffffff;font-weight:750;cursor:pointer}:where([data-guide-route=communication]) .communication-guide details p{padding:0 1rem 1rem}@media (max-width:760px){:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]{grid-template-columns:1fr}:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]>a{width:100%;white-space:normal}}@media (max-width:640px){:where([data-guide-route=communication]) .communication-guide{padding:1rem .75rem 3.5rem}:where([data-guide-route=communication]) .communication-guide .guide-header{margin-top:1.5rem}:where([data-guide-route=communication]) .communication-guide .communication-grid,:where([data-guide-route=communication]) .communication-guide .info-block.highlight-box{grid-template-columns:1fr}:where([data-guide-route=communication]) .communication-guide .guide-section{padding:1rem;border-radius:14px}:where([data-guide-route=communication]) .communication-guide .communication-card>ol>li,:where([data-guide-route=communication]) .communication-guide .communication-card>ul>li{padding-left:3.1rem}}@media (prefers-reduced-motion:reduce){:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]>a:focus-visible,:where([data-guide-route=communication]) .communication-guide [aria-labelledby=communication-review-title]>a:hover{transform:none}}