.recordings-guide,.recording-settings,.recording-retention{--rg-accent:#5b46c8;--rg-soft:#f0ecff;--rg-teal:#087f83;color:var(--fusion-text,#17233b);scroll-margin-top:110px;margin:48px 0}
.recording-section-head{display:flex;align-items:flex-start;gap:17px;margin-bottom:26px;min-width:0}
.recording-step{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #d1c6fa;border-radius:13px;background:var(--rg-soft);color:var(--rg-accent);font:650 15px/1 'IBM Plex Mono',monospace}
.recording-section-head>div{min-width:0}
.recording-section-head .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.07em;color:var(--rg-accent)}
.recording-section-head h2{font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.15;margin:10px 0 14px;max-width:820px}
.recording-section-head p{font-size:16px;line-height:1.75;margin:0;color:var(--fusion-muted,#556780);max-width:830px}
.recording-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.recording-basics article{padding:20px;border:1px solid var(--fusion-line,#d8e0ed);border-radius:14px;background:var(--fusion-surface,#fff);min-width:0}
.recording-basics article>span{color:var(--rg-teal);font-size:21px;display:inline-block;margin-bottom:14px}
.recording-basics h3{font-size:17px;line-height:1.3;margin:0 0 10px}
.recording-basics p{font-size:14px;line-height:1.65;margin:0;color:var(--fusion-muted,#556780)}
.recording-group{margin-top:44px;padding-top:35px;border-top:1px solid var(--fusion-line,#d8e0ed)}
.recording-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.recording-metric-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.recording-metric{background:var(--fusion-surface,#fff);border:1px solid var(--fusion-line,#d8e0ed);border-radius:16px;padding:25px;min-width:0;box-shadow:0 8px 22px #112e4c04}
.recording-metric-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--rg-accent);background:var(--rg-soft);font-size:19px;margin-bottom:17px}
.recording-metric-sentiment{border-top:3px solid #32a77c}
.recording-metric-score{border-top:3px solid var(--rg-accent)}
.recording-metric h3{font-size:19px;line-height:1.3;margin:0 0 12px}
.recording-metric>p{font-size:15px;line-height:1.75;color:var(--fusion-muted,#556780);margin:0}
.recording-values{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}
.recording-values>span{padding:6px 9px;font-size:11px;font-weight:600;line-height:1.5;background:var(--fusion-raised,#f1f4f9);color:var(--fusion-text,#17233b);border:1px solid var(--fusion-line,#d8e0ed);border-radius:7px}
.recording-metric .recording-metric-note{font-size:12px;line-height:1.65;margin-top:18px;padding-top:15px;border-top:1px solid var(--fusion-line,#d8e0ed)}
.recording-reading-note{display:flex;align-items:flex-start;gap:10px;margin:21px 0 0;padding:17px 20px;border:1px solid var(--fusion-line,#d8e0ed);border-radius:11px;background:var(--fusion-raised,#f1f4f9);font-size:13px;line-height:1.7;color:var(--fusion-muted,#556780)}
.recording-reading-note>i{color:var(--rg-accent);flex:none;margin-top:4px}
.recording-quality-bridge{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center;padding:34px;margin:42px 0 0;border:1px solid #c9c2ed;border-radius:20px;background:linear-gradient(130deg,#eee9ff,#e8f7f8);scroll-margin-top:110px}
.recording-quality-bridge .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.055em;color:var(--rg-accent)}
.recording-quality-bridge h2{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.15;margin:15px 0 18px}
.recording-quality-bridge p{font-size:15px;line-height:1.75;color:var(--fusion-muted,#556780);margin:0 0 22px}
.recording-quality-bridge .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px}
.recording-quality-layers{display:grid;gap:15px}
.recording-quality-layers article{padding:22px;border:1px solid var(--fusion-line,#d8e0ed);border-radius:13px;background:var(--fusion-surface,#fff)}
.recording-quality-layers article>span{color:var(--rg-teal);font-size:18px}
.recording-quality-layers h3{font-size:17px;line-height:1.35;margin:10px 0}
.recording-quality-layers p{font-size:13px;line-height:1.7;margin:0}
.recording-settings{padding-top:28px;border-top:1px solid var(--fusion-line,#d8e0ed)}
.recording-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.recording-settings-grid article{padding:20px 0 20px 44px;position:relative;border-bottom:1px solid var(--fusion-line,#d8e0ed);min-width:0}
.recording-settings-grid article>span{position:absolute;top:22px;left:3px;color:var(--rg-teal);font-size:22px}
.recording-settings-grid h3{font-size:18px;line-height:1.35;margin:0 0 12px}
.recording-settings-grid p{font-size:14px;line-height:1.75;color:var(--fusion-muted,#556780);margin:0}
.recording-settings-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:27px 0 30px}
.recording-settings-links .btn,.recording-settings-links .text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:normal;line-height:1.4;text-align:center}
.recording-settings .ai-choice.compact{margin:28px 0 0;padding:25px;box-shadow:none}
.recording-settings .ai-choice.compact h3{font-size:21px}
.recording-settings .ai-choice.compact p{font-size:14px;line-height:1.7}
.recording-retention .faq{border:1px solid var(--fusion-line,#d8e0ed);border-radius:16px;overflow:hidden;background:var(--fusion-surface,#fff)}
.recording-retention .faq details{padding:0 24px}
.recording-retention .faq summary{font-size:16px;line-height:1.5;padding:20px 0}
.recording-retention .faq p{font-size:15px;line-height:1.8;color:var(--fusion-muted,#556780)}
.recording-retention .recording-policy-link a{font-size:13px;color:var(--rg-accent)}
html[data-site-theme=dark] :is(.recordings-guide,.recording-settings,.recording-retention){--rg-accent:#b49afa;--rg-soft:#282140;--rg-teal:#70d3ce}
html[data-site-theme=dark] .recording-step{border-color:#574575}
html[data-site-theme=dark] .recording-quality-bridge{background:linear-gradient(130deg,#261f40,#11333b);border-color:#4e476d}
/* Area and metric colours reinforce the visible labels and dedicated icons. */
:is(.recordings-guide,.recording-settings,.recording-retention){--rg-blue:#2366b1;--rg-blue-soft:#eaf3ff;--rg-blue-line:#b3d1f3;--rg-green:#21754d;--rg-green-soft:#e8f6ee;--rg-green-line:#afd8c1;--rg-teal-tone:#08797c;--rg-teal-soft:#e3f5f3;--rg-teal-line:#a5d5d1;--rg-amber:#93620c;--rg-amber-soft:#fff5dc;--rg-amber-line:#e8cc88;--rg-coral:#b84c3e;--rg-coral-soft:#fff0e9;--rg-coral-line:#edbdb2;--rg-rose:#a64172;--rg-rose-soft:#fcecf3;--rg-rose-line:#e4b7cf;--rg-indigo:#534cac;--rg-indigo-soft:#eeedff;--rg-indigo-line:#c5c1ef;--rg-slate:#50667c;--rg-slate-soft:#edf2f6;--rg-slate-line:#c3d0dc;--rg-red:#b33d47;--rg-red-soft:#ffedf0;--rg-red-line:#e8b2b9}
[data-recording-metric=sentiment]{--rg-card-accent:var(--rg-green);--rg-card-soft:var(--rg-green-soft);--rg-card-line:var(--rg-green-line)}
[data-recording-metric=score],[data-recording-metric=privacy]{--rg-card-accent:var(--rg-blue);--rg-card-soft:var(--rg-blue-soft);--rg-card-line:var(--rg-blue-line)}
[data-recording-metric=outcome],[data-recording-metric=market]{--rg-card-accent:var(--rg-teal-tone);--rg-card-soft:var(--rg-teal-soft);--rg-card-line:var(--rg-teal-line)}
[data-recording-metric=category],[data-recording-metric=feedback]{--rg-card-accent:var(--rg-amber);--rg-card-soft:var(--rg-amber-soft);--rg-card-line:var(--rg-amber-line)}
[data-recording-metric=churn]{--rg-card-accent:var(--rg-coral);--rg-card-soft:var(--rg-coral-soft);--rg-card-line:var(--rg-coral-line)}
[data-recording-metric=empathy]{--rg-card-accent:var(--rg-rose);--rg-card-soft:var(--rg-rose-soft);--rg-card-line:var(--rg-rose-line)}
[data-recording-metric=actions],[data-recording-metric=transcript]{--rg-card-accent:var(--rg-indigo);--rg-card-soft:var(--rg-indigo-soft);--rg-card-line:var(--rg-indigo-line)}
[data-recording-metric=summary]{--rg-card-accent:var(--rg-slate);--rg-card-soft:var(--rg-slate-soft);--rg-card-line:var(--rg-slate-line)}
.recording-metric[data-recording-metric]{border:1px solid var(--rg-card-line);border-top:3px solid var(--rg-card-accent);background:linear-gradient(140deg,var(--rg-card-soft),var(--fusion-surface,#fff) 67%);box-shadow:0 7px 22px #112e4c05}
[data-recording-metric] .recording-metric-icon{color:var(--rg-card-accent);background:var(--rg-card-soft);border:1px solid var(--rg-card-line);box-shadow:0 3px 10px #12263c05}
[data-recording-metric] .recording-values>span{color:var(--rg-card-accent);background:var(--rg-card-soft);border-color:var(--rg-card-line)}
.recording-values>span[data-value-tone=positive]{color:var(--rg-green);background:var(--rg-green-soft);border-color:var(--rg-green-line)}
.recording-values>span[data-value-tone=neutral]{color:var(--rg-slate);background:var(--rg-slate-soft);border-color:var(--rg-slate-line)}
.recording-values>span[data-value-tone=negative]{color:var(--rg-red);background:var(--rg-red-soft);border-color:var(--rg-red-line)}
.recording-values>span[data-value-tone=caution]{color:var(--rg-amber);background:var(--rg-amber-soft);border-color:var(--rg-amber-line)}
.recording-values>span[data-value-tone=info]{color:var(--rg-blue);background:var(--rg-blue-soft);border-color:var(--rg-blue-line)}
.recording-section-head[data-recording-area=facts],.recording-retention>.recording-section-head{--rg-area:var(--rg-blue);--rg-area-soft:var(--rg-blue-soft);--rg-area-line:var(--rg-blue-line)}
[data-recording-area=quality]{--rg-area:var(--rg-teal-tone);--rg-area-soft:var(--rg-teal-soft);--rg-area-line:var(--rg-teal-line)}
[data-recording-area=relationship]{--rg-area:var(--rg-rose);--rg-area-soft:var(--rg-rose-soft);--rg-area-line:var(--rg-rose-line)}
[data-recording-area=opportunities]{--rg-area:var(--rg-amber);--rg-area-soft:var(--rg-amber-soft);--rg-area-line:var(--rg-amber-line)}
[data-recording-area=conversation]{--rg-area:var(--rg-indigo);--rg-area-soft:var(--rg-indigo-soft);--rg-area-line:var(--rg-indigo-line)}
[data-recording-area=settings]{--rg-area:var(--rg-slate);--rg-area-soft:var(--rg-slate-soft);--rg-area-line:var(--rg-slate-line)}
.recording-section-head .recording-step{color:var(--rg-area);background:var(--rg-area-soft);border-color:var(--rg-area-line)}
.route-platform-recordings .recording-section-head .eyebrow{color:var(--rg-area)}
.recording-basics article{--rg-basic:var(--rg-blue);--rg-basic-soft:var(--rg-blue-soft);--rg-basic-line:var(--rg-blue-line);border-color:var(--rg-basic-line);background:linear-gradient(140deg,var(--rg-basic-soft),var(--fusion-surface) 70%)}
.recording-basics article:nth-child(2){--rg-basic:var(--rg-teal-tone);--rg-basic-soft:var(--rg-teal-soft);--rg-basic-line:var(--rg-teal-line)}
.recording-basics article:nth-child(3){--rg-basic:var(--rg-amber);--rg-basic-soft:var(--rg-amber-soft);--rg-basic-line:var(--rg-amber-line)}
.recording-basics article:nth-child(4){--rg-basic:var(--rg-coral);--rg-basic-soft:var(--rg-coral-soft);--rg-basic-line:var(--rg-coral-line)}
.recording-basics article:nth-child(5){--rg-basic:var(--rg-indigo);--rg-basic-soft:var(--rg-indigo-soft);--rg-basic-line:var(--rg-indigo-line)}
.recording-basics article>span{color:var(--rg-basic)}
.recording-quality-bridge{background:linear-gradient(120deg,var(--rg-blue-soft),var(--rg-teal-soft));border-color:var(--rg-teal-line)}
.recording-quality-bridge .eyebrow{color:var(--rg-teal-tone)}
.recording-quality-layers article:first-child{border-color:var(--rg-blue-line);background:linear-gradient(145deg,var(--rg-blue-soft),var(--fusion-surface) 75%)}
.recording-quality-layers article:first-child>span{color:var(--rg-blue)}
.recording-quality-layers article:last-child{border-color:var(--rg-teal-line);background:linear-gradient(145deg,var(--rg-teal-soft),var(--fusion-surface) 75%)}
.recording-quality-layers article:last-child>span{color:var(--rg-teal-tone)}
.recording-settings-grid article:nth-child(6n+1)>span{color:var(--rg-blue)}.recording-settings-grid article:nth-child(6n+2)>span{color:var(--rg-indigo)}.recording-settings-grid article:nth-child(6n+3)>span{color:var(--rg-amber)}.recording-settings-grid article:nth-child(6n+4)>span{color:var(--rg-teal-tone)}.recording-settings-grid article:nth-child(6n+5)>span{color:var(--rg-coral)}.recording-settings-grid article:nth-child(6n+6)>span{color:var(--rg-slate)}
html[data-site-theme=dark] :is(.recordings-guide,.recording-settings,.recording-retention){--rg-blue:#90c4ff;--rg-blue-soft:#192d47;--rg-blue-line:#345478;--rg-green:#94dfb2;--rg-green-soft:#173629;--rg-green-line:#356448;--rg-teal-tone:#82dcd7;--rg-teal-soft:#173638;--rg-teal-line:#35656a;--rg-amber:#edce83;--rg-amber-soft:#393322;--rg-amber-line:#685933;--rg-coral:#ffad96;--rg-coral-soft:#3a2929;--rg-coral-line:#725047;--rg-rose:#f2afd0;--rg-rose-soft:#36253a;--rg-rose-line:#684564;--rg-indigo:#b8b4ff;--rg-indigo-soft:#282844;--rg-indigo-line:#504f7b;--rg-slate:#bbcbdc;--rg-slate-soft:#24313f;--rg-slate-line:#485b70;--rg-red:#ffadb9;--rg-red-soft:#3d2530;--rg-red-line:#75434f}
html[data-site-theme=dark] .recording-section-head .recording-step{border-color:var(--rg-area-line)}
html[data-site-theme=dark] .recording-quality-bridge{background:linear-gradient(120deg,var(--rg-blue-soft),var(--rg-teal-soft));border-color:var(--rg-teal-line)}
@media(max-width:1050px){.recording-metric-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-quality-bridge{grid-template-columns:1fr;padding:28px}.recording-quality-layers{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-metric{padding:22px}}
@media(max-width:650px){.recordings-guide,.recording-settings,.recording-retention{margin:34px 0}.recording-section-head{gap:12px}.recording-step{width:32px;height:32px;border-radius:10px;font-size:12px}.recording-section-head h2{font-size:1.8rem;margin:9px 0 12px}.recording-section-head .eyebrow{font-size:10px}.recording-section-head p{font-size:15px;line-height:1.7}.recording-basics{grid-template-columns:1fr;gap:10px}.recording-basics article{padding:18px 18px 18px 58px;position:relative}.recording-basics article>span{position:absolute;left:20px;top:20px;font-size:19px}.recording-basics h3{font-size:16px;margin-bottom:7px}.recording-basics p{font-size:13px}.recording-metric-grid,.recording-metric-grid-three{grid-template-columns:1fr;gap:13px}.recording-metric{padding:21px}.recording-metric h3{font-size:18px}.recording-metric>p{font-size:14px}.recording-group{margin-top:32px;padding-top:28px}.recording-reading-note{font-size:12px;padding:15px}.recording-quality-bridge{margin-top:32px;padding:24px 19px;gap:25px;border-radius:16px}.recording-quality-bridge .eyebrow{font-size:11px}.recording-quality-bridge p{font-size:14px}.recording-quality-bridge .btn{width:100%;white-space:normal;line-height:1.4}.recording-quality-layers{grid-template-columns:1fr}.recording-quality-layers article{padding:20px}.recording-settings-grid{grid-template-columns:1fr;gap:6px}.recording-settings-grid article{padding-bottom:22px}.recording-settings-links{flex-direction:column;align-items:stretch}.recording-settings-links a{width:100%;font-size:14px}.recording-settings .ai-choice.compact{padding:21px;gap:16px}.recording-settings .ai-choice.compact h3{font-size:20px}.recording-retention .faq details{padding:0 18px}.recording-retention .faq summary{font-size:15px}.recording-retention .faq p{font-size:14px}}