.culture-view-nav{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--line);background:var(--panel);border-radius:13px;width:fit-content;max-width:100%;margin:0 0 28px}.culture-view-nav a{padding:11px 17px;border:1px solid transparent;border-radius:9px;color:var(--muted);font-size:.82rem}.culture-view-nav a[aria-current]{background:#2b414c;border-color:#6b8e9d;color:var(--text)}
.etiquette-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.etiquette-intro h2{font-size:clamp(1.6rem,2.7vw,2.3rem);letter-spacing:-.05em;line-height:1.25;margin:10px 0 14px}.etiquette-intro p{color:var(--muted);line-height:1.8;max-width:700px;font-size:.94rem}.etiquette-intro .eyebrow{font-size:.66rem}.etiquette-scope{flex:none;max-width:190px;font-size:.69rem;line-height:1.6;padding:10px 13px;border:1px solid #81a8b34d;border-radius:9px;color:#bedce5;background:#b5dce506}.etiquette-compass{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 28px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.etiquette-compass>span{display:flex;align-items:center;gap:9px;font-size:.77rem;color:var(--muted)}.etiquette-compass b{display:grid;place-items:center;border-radius:50%;height:27px;width:27px;font-size:.58rem;font-weight:600;border:1px solid #7399a5;color:#b5dce5}
.etiquette-topic-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px}.etiquette-topic-nav a{display:flex;align-items:center;gap:10px;min-height:67px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:.79rem;font-weight:600;line-height:1.5;color:var(--muted)}.etiquette-topic-nav a>span{font-size:.61rem;align-self:flex-start;font-weight:450;color:#8aa6b1}.etiquette-topic-nav a:hover,.etiquette-topic-nav a[aria-current]{border-color:#90bdcd;background:#2a414c;color:var(--text)}.etiquette-panel{padding:clamp(20px,3vw,36px);border:1px solid var(--line);border-radius:18px;background:var(--panel)}.etiquette-topic-heading{max-width:850px;margin-bottom:28px}.etiquette-topic-heading h3{font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.3;letter-spacing:-.04em;margin:10px 0 14px}.etiquette-topic-heading p{line-height:1.8;font-size:.9rem;color:var(--muted)}.etiquette-topic-heading .eyebrow{font-size:.62rem;color:#b5dce5}.etiquette-topic-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.9fr);gap:clamp(22px,4vw,45px);align-items:start}.etiquette-steps{list-style:none;counter-reset:roda-step;padding:0;margin:0;display:grid;gap:23px}.etiquette-steps li{counter-increment:roda-step;padding-left:42px;position:relative;min-width:0}.etiquette-steps li:before{content:counter(roda-step,decimal-leading-zero);position:absolute;left:0;top:0;font-size:.65rem;color:#b5dce5;border:1px solid #65838e;border-radius:8px;display:grid;place-items:center;width:28px;height:28px}.etiquette-steps strong{display:block;font-size:.89rem;margin-bottom:6px;line-height:1.6}.etiquette-steps p{font-size:.84rem;line-height:1.8;color:var(--muted);margin:0}.etiquette-takeaway{margin:25px 0 0;padding:15px 17px;border-left:3px solid #b5dce5;background:#b5dce509;color:#c9dce4;border-radius:0 8px 8px 0;font-size:.8rem;line-height:1.8}
.etiquette-figure{margin:0;min-width:0;border:1px solid #5e78833b;border-radius:14px;background:#152129;overflow:hidden}.etiquette-figure svg{display:block;width:100%;max-height:320px}.rule-ring{fill:none;stroke:#68828d;stroke-width:2;stroke-dasharray:4 7}.rule-edge{fill:none;stroke:#c2d4d9;stroke-width:4;stroke-linecap:round}.rule-leader{fill:#2e4956;stroke:#7cabbc;stroke-width:1.2}.rule-person{fill:#375363;stroke:#a3c6d5;stroke-width:2}.rule-person.master{fill:#4b4935;stroke:#dbc993}.rule-you{fill:#263e47;stroke:#b5dce5;stroke-width:2}.rule-label{fill:#dae9ef;font:12px 'DM Sans',sans-serif;text-anchor:middle}.rule-letter{fill:#f5f4ed;font:18px Manrope,sans-serif;text-anchor:middle;font-weight:700}.rule-hint{fill:#bdd2dc;font:11px 'DM Sans',sans-serif;text-anchor:middle}.rule-flow{fill:none;stroke:#a5d0d4;stroke-width:3;stroke-linecap:round;stroke-dasharray:5 5}.rule-wait{fill:none;stroke:#f5ae7c;stroke-width:4;stroke-linecap:round}.etiquette-figure figcaption,.etiquette-ie-figure figcaption,.etiquette-signal-levels figcaption{margin:0;padding:17px 18px;font-size:.75rem;line-height:1.8;color:var(--muted)}.etiquette-figure figcaption small{display:block;font-size:.66rem;opacity:.8;margin-top:8px}.etiquette-next-links{font-size:.8rem;color:#b5dce5;margin-top:26px;line-height:1.7}.etiquette-sources{margin-top:23px;border-top:1px solid var(--line);padding-top:17px;font-size:.73rem;line-height:1.8;color:var(--muted)}.etiquette-sources summary{cursor:pointer}.etiquette-sources p{margin:13px 0}.etiquette-sources a{display:block;margin:7px 0;color:#b5dce5}
.etiquette-signal-levels{margin:0;display:grid;justify-items:center;gap:8px}.etiquette-signal-levels>div{display:grid;grid-template-columns:22px 1fr;gap:5px 9px;width:100%;padding:13px 16px;background:#152129;border:1px solid #526e7b;border-radius:11px}.etiquette-signal-levels>div>span{font-size:.6rem;color:#82a9bb;grid-row:1/4}.etiquette-signal-levels b{color:#b5dce5;font-size:1.1rem;letter-spacing:.12em}.etiquette-signal-levels strong{font-size:.83rem}.etiquette-signal-levels p{font-size:.73rem;margin:0;color:var(--muted)}.etiquette-signal-levels>i{font-size:1rem;font-style:normal;color:#a8c4d1}.etiquette-signal-levels figcaption{padding:8px 2px}.etiquette-ie-figure{margin:0;border:1px solid #637a8755;border-radius:14px;background:#152129;overflow:hidden}.etiquette-ie{text-align:center;font:700 clamp(2.4rem,5vw,4rem) Manrope,sans-serif;color:#c8e1eb;padding:30px 20px 24px}.etiquette-ie small{display:block;font:400 .74rem 'DM Sans',sans-serif;color:var(--muted);margin-top:9px}.etiquette-contexts{padding:0 18px;display:grid;gap:8px}.etiquette-contexts>span{padding:10px 13px;border:1px solid #486573;border-radius:8px;color:var(--muted);font-size:.73rem;line-height:1.7}.etiquette-contexts b{display:block;font-size:.79rem;color:#bdd5df}
.roda-tone-primer{margin-top:30px;padding:22px;border:1px solid #688c9c55;background:#16222a;border-radius:13px}.roda-tone-primer h4{font-size:1rem;margin:10px 0}.roda-tone-primer p{color:var(--muted);font-size:.8rem;line-height:1.8}.roda-tone-primer .eyebrow{font-size:.61rem}.roda-tone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.roda-tone-grid button{background:#263943;border:1px solid #516d7c;border-radius:10px;color:var(--text);padding:16px;display:grid;grid-template-columns:28px 1fr;text-align:left;align-items:center;gap:6px 10px}.roda-tone-grid button:hover{border-color:#b5dce5}.roda-tone-grid button>span{font-size:1.7rem;grid-row:1/3;color:#f5a76c}.roda-tone-grid .closed>span{color:#bed89c}.roda-tone-grid .buzz>span{color:#c7a4fa}.roda-tone-grid strong{font-size:.94rem}.roda-tone-grid small{font-size:.72rem;color:var(--muted)}.roda-tone-status{min-height:1.8em}.roda-tone-primer .source-note{margin-bottom:0;font-size:.67rem}
.etiquette-quiz{border:1px solid #7b9da6;border-radius:17px;background:#20333b;padding:clamp(21px,3vw,34px);margin:27px 0 35px}.etiquette-quiz-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.76rem;color:var(--muted)}.etiquette-quiz .eyebrow{font-size:.64rem;color:#b5dce5}.etiquette-quiz h3{font-size:1.3rem;line-height:1.6;margin:15px 0 11px}.etiquette-quiz p{font-size:.86rem;line-height:1.8;color:#c0cfd5}.etiquette-answers{display:grid;gap:9px;margin-top:20px}.etiquette-answers button{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #668a9a;background:#16272f;color:var(--text);border-radius:9px;padding:14px 17px;font-size:.85rem;line-height:1.7}.etiquette-answers button>span{font-size:.66rem;color:#b1c7d1;flex:none}.etiquette-answers button:hover:enabled{background:#2c4754;border-color:#c1dce8}.etiquette-answers .correct{border-color:#b4ce90;background:#334b3a}.etiquette-answers .wrong{border-color:#e8aa7d;background:#483b30}.etiquette-answers button>b{margin-left:auto;color:#bed89c}.etiquette-feedback{margin-top:17px}.etiquette-feedback strong{color:var(--text)}.etiquette-feedback .inline,.etiquette-quiz-end .inline{display:flex;flex-wrap:wrap;align-items:center;gap:13px 22px;margin-top:20px}.etiquette-feedback a{font-size:.8rem}
@media(max-width:1100px){.etiquette-topic-nav a{font-size:.72rem;padding:12px 10px;gap:6px;flex-direction:column;align-items:flex-start}.etiquette-topic-grid{gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(220px,.9fr)}}
@media(max-width:760px){.etiquette-intro{display:block}.etiquette-scope{display:inline-block;max-width:none;margin-top:14px}.etiquette-topic-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.etiquette-topic-nav a{font-size:.75rem;min-height:68px}.etiquette-topic-grid{grid-template-columns:1fr}.etiquette-figure{max-width:420px;justify-self:center;width:100%}.etiquette-signal-levels{grid-template-columns:1fr;max-width:420px;justify-self:center;width:100%}.etiquette-ie-figure{width:100%;max-width:420px;justify-self:center}.etiquette-topic-heading{margin-bottom:23px}.culture-view-nav a{font-size:.74rem;padding:10px 12px}.etiquette-compass{gap:12px;display:grid}.roda-tone-primer{padding:17px}.roda-tone-grid button{display:flex;flex-direction:column;align-items:flex-start;padding:13px;gap:7px}.roda-tone-grid{gap:7px}.roda-tone-grid small{font-size:.65rem}.etiquette-answers button{font-size:.8rem;padding:13px}.etiquette-quiz h3{font-size:1.12rem}}
.etiquette-intro .btn { flex:none; margin:10px 0 0; }
.roda-practice { max-width:880px; margin-top:0; }
.roda-practice h2 { font-size:clamp(1.28rem,2.6vw,1.9rem); line-height:1.35; margin:14px 0 10px; }
.roda-practice-progress { display:block; width:100%; height:6px; margin-top:12px; accent-color:var(--brand-secondary); }
.roda-practice-explanation { display:grid; gap:10px; padding:14px 16px; background:#172831; border-radius:9px; border-left:2px solid #b5dce5; }
.roda-practice-explanation strong { display:block; }
.roda-practice .etiquette-answers button>b { font-size:.68rem; flex:none; }
.roda-practice .etiquette-answers button:disabled { opacity:1; }
.roda-practice .etiquette-answers button>.roda-answer-text { font:inherit; color:inherit; flex:1; min-width:0; }
.roda-practice .etiquette-answers .wrong>b { color:#ffbf91; }
@media(max-width:540px) {
 .roda-practice .etiquette-answers button { display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 10px; }
 .roda-practice .etiquette-answers button>b { grid-column:2; margin-left:0; }
}