/* StrategyCompass practice language: direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks; direction setting; strategic boundary maps; scenario review; planning assumptions; initiative navigation; leadership route checks */
:root{--sco-ink:#1b2430;--sco-main:#4f46e5;--sco-accent:#14b8a6;--sco-paper:#f8f7ff;--sco-line:color-mix(in srgb,#1b2430 16%,white);--sco-soft:color-mix(in srgb,#4f46e5 8%,white);--sco-radius:999px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sco-paper);color:var(--sco-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62}a{color:inherit}img{display:block;max-width:100%}.sco-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px;z-index:10}.sco-skip:focus{left:8px}
.sco-top{max-width:1180px;margin:0 auto;padding:20px clamp(18px,4vw,46px);display:flex;justify-content:space-between;align-items:center;gap:18px}.sco-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900}.sco-brand img{width:46px;height:46px;object-fit:contain}.sco-brand small{display:block;font-size:12px;font-weight:500;color:color-mix(in srgb,var(--sco-ink) 58%,white)}.sco-nav{display:flex;gap:16px;align-items:center}.sco-nav a{font-size:14px;font-weight:800;text-decoration:none;border-bottom:2px solid transparent;padding:7px 0}.sco-nav a[aria-current=page],.sco-nav a:hover{border-color:var(--sco-accent)}.sco-toggle{display:none;border:1px solid var(--sco-line);background:#fff;border-radius:var(--sco-radius);padding:8px 12px}
.sco-hero{max-width:1180px;margin:0 auto;padding:54px clamp(18px,4vw,46px);display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.sco-eyebrow{color:var(--sco-main);font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(38px,6.6vw,74px);line-height:1;margin:12px 0 18px;letter-spacing:0}h2{font-size:clamp(26px,4vw,44px);line-height:1.08;margin:0 0 14px}h3{font-size:20px;margin:0 0 8px}p{margin:0 0 14px}.sco-lead{font-size:clamp(18px,2vw,23px)}.sco-visual{border:1px solid var(--sco-line);border-radius:var(--sco-radius);overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.13)}.sco-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.sco-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.sco-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--sco-main);border-radius:var(--sco-radius);text-decoration:none;font-weight:900}.sco-btn.primary{background:var(--sco-main);color:#fff}.sco-btn.ghost{background:#fff}
.sco-band{padding:48px clamp(18px,4vw,46px)}.sco-inner{max-width:1180px;margin:0 auto}.sco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sco-card{background:#fff;border:1px solid var(--sco-line);border-radius:var(--sco-radius);padding:22px;min-height:216px}.sco-card:nth-child(2n){background:var(--sco-soft)}.sco-metric{display:inline-block;color:var(--sco-main);font-weight:900;font-size:12px;text-transform:uppercase;margin-bottom:10px}.sco-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:start}.sco-panel{background:#fff;border:1px solid var(--sco-line);border-radius:var(--sco-radius);padding:26px}.sco-list{padding-left:20px}.sco-list li{margin:8px 0}.sco-legal{max-width:900px;margin:0 auto;padding:56px clamp(18px,4vw,46px);background:rgba(255,255,255,.78)}.sco-footer{border-top:1px solid var(--sco-line);padding:30px clamp(18px,4vw,46px);background:rgba(255,255,255,.75)}.sco-foot{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.sco-foot nav{display:flex;gap:14px;flex-wrap:wrap}.sco-practice{background:color-mix(in srgb,var(--sco-accent) 7%,white)}.sco-visual{border-radius:50%} .sco-card{border-radius:28px}
@media(max-width:820px){.sco-toggle{display:block}.sco-nav{display:none;position:absolute;left:18px;right:18px;top:76px;background:#fff;border:1px solid var(--sco-line);border-radius:var(--sco-radius);padding:14px;flex-direction:column;align-items:stretch;z-index:5}.sco-nav.open{display:flex}.sco-top{position:relative}.sco-hero,.sco-grid,.sco-split{grid-template-columns:1fr}h1{font-size:41px}}

/* Direction Notes: visual rhythm for route comparison chart, constraint bearing dial, and north star review. */
.sco-route-comparison-chart { border-color: color-mix(in srgb, var(--accent) 39%, transparent); box-shadow: 0 7px 21px color-mix(in srgb, var(--ink) 6%, transparent); }
.sco-route-comparison-chart::before { content: ""; display: block; width: 21px; height: 2px; background: var(--accent); margin-bottom: 8px; }
.sco-constraint-bearing-dial { border-color: color-mix(in srgb, var(--accent) 43%, transparent); box-shadow: 0 8px 24px color-mix(in srgb, var(--ink) 7%, transparent); }
.sco-constraint-bearing-dial::before { content: ""; display: block; width: 24px; height: 2px; background: var(--accent); margin-bottom: 9px; }
.sco-north-star-review { border-color: color-mix(in srgb, var(--accent) 47%, transparent); box-shadow: 0 9px 27px color-mix(in srgb, var(--ink) 8%, transparent); }
.sco-north-star-review::before { content: ""; display: block; width: 27px; height: 2px; background: var(--accent); margin-bottom: 10px; }
.sco-decision-map-shelf { border-color: color-mix(in srgb, var(--accent) 51%, transparent); box-shadow: 0 10px 30px color-mix(in srgb, var(--ink) 9%, transparent); }
.sco-decision-map-shelf::before { content: ""; display: block; width: 30px; height: 2px; background: var(--accent); margin-bottom: 11px; }
.sco-direction-checkpoint-row { border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: 0 11px 33px color-mix(in srgb, var(--ink) 10%, transparent); }
.sco-direction-checkpoint-row::before { content: ""; display: block; width: 33px; height: 2px; background: var(--accent); margin-bottom: 12px; }
.sco-strategic-path-ledger { border-color: color-mix(in srgb, var(--accent) 59%, transparent); box-shadow: 0 12px 36px color-mix(in srgb, var(--ink) 11%, transparent); }
.sco-strategic-path-ledger::before { content: ""; display: block; width: 36px; height: 2px; background: var(--accent); margin-bottom: 13px; }
.sco-domain-note { background: linear-gradient(135deg, color-mix(in srgb, var(--paper) 88%, var(--accent)), var(--paper)); }
.sco-domain-note h2 { max-width: 708px; }
.sco-domain-note p { max-width: 769px; }

/* sco extended brand style appendix */
/* Brand surface language: north bearing panel; route option shelf; constraint compass dial; direction choice ledger; pathway review stone; strategic bearing strip; decision coordinate map; course correction rail; destination fit marker; route confidence note. */
.sco-north-bearing-panel-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 11px 24px color-mix(in srgb, var(--ink) 7%, transparent); }
@keyframes sco_north_bearing_panel_breathe { 0% { opacity: .92; } 50% { opacity: .72; } 100% { opacity: .92; } }
.sco-north-bearing-panel-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent); min-height: 1px; }
.sco-north-bearing-panel-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sco-north-bearing-panel-cluster { border-radius: 8px; } }
@keyframes sco_route_option_shelf_breathe { 0% { opacity: .92; } 50% { opacity: .72; } 100% { opacity: .92; } }
.sco-route-option-shelf-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent); min-height: 1px; }
.sco-route-option-shelf-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sco-route-option-shelf-cluster { border-radius: 8px; } }
.sco-route-option-shelf-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sco-constraint-compass-dial-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent); min-height: 1px; }
.sco-constraint-compass-dial-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sco-constraint-compass-dial-cluster { border-radius: 8px; } }
.sco-constraint-compass-dial-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sco-constraint-compass-dial-zone > :where(h2,h3) { text-transform: none; margin-block-end: 14px; color: color-mix(in srgb, var(--ink) 74%, var(--accent)); }
.sco-direction-choice-ledger-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sco-direction-choice-ledger-cluster { border-radius: 8px; } }
.sco-direction-choice-ledger-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sco-direction-choice-ledger-zone > :where(h2,h3) { text-transform: none; margin-block-end: 14px; color: color-mix(in srgb, var(--ink) 74%, var(--accent)); }
@media (min-width: 783px) { .sco-direction-choice-ledger-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sco-pathway-review-stone-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sco-pathway-review-stone-zone > :where(h2,h3) { text-transform: none; margin-block-end: 14px; color: color-mix(in srgb, var(--ink) 74%, var(--accent)); }
@media (min-width: 783px) { .sco-pathway-review-stone-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sco-pathway-review-stone-marker { inline-size: 40px; block-size: 27px; border-radius: 4px; background: linear-gradient(91deg, var(--accent), color-mix(in srgb, var(--paper) 63%, var(--ink))); }
.sco-strategic-bearing-strip-zone > :where(h2,h3) { text-transform: none; margin-block-end: 14px; color: color-mix(in srgb, var(--ink) 74%, var(--accent)); }
@media (min-width: 783px) { .sco-strategic-bearing-strip-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sco-strategic-bearing-strip-marker { inline-size: 40px; block-size: 27px; border-radius: 4px; background: linear-gradient(91deg, var(--accent), color-mix(in srgb, var(--paper) 63%, var(--ink))); }
.sco-strategic-bearing-strip-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 19px 40px color-mix(in srgb, var(--ink) 6%, transparent); }
@media (min-width: 783px) { .sco-decision-coordinate-map-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sco-decision-coordinate-map-marker { inline-size: 40px; block-size: 27px; border-radius: 4px; background: linear-gradient(91deg, var(--accent), color-mix(in srgb, var(--paper) 63%, var(--ink))); }
.sco-decision-coordinate-map-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 19px 40px color-mix(in srgb, var(--ink) 6%, transparent); }
@keyframes sco_decision_coordinate_map_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sco-course-correction-rail-marker { inline-size: 40px; block-size: 27px; border-radius: 4px; background: linear-gradient(91deg, var(--accent), color-mix(in srgb, var(--paper) 63%, var(--ink))); }
.sco-course-correction-rail-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 19px 40px color-mix(in srgb, var(--ink) 6%, transparent); }
@keyframes sco_course_correction_rail_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sco-course-correction-rail-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 34%, transparent), transparent); min-height: 3px; }
.sco-destination-fit-marker-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 19px 40px color-mix(in srgb, var(--ink) 6%, transparent); }
@keyframes sco_destination_fit_marker_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sco-destination-fit-marker-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 34%, transparent), transparent); min-height: 3px; }
.sco-destination-fit-marker-cluster { container-type: inline-size; scroll-margin-top: 106px; } @container (min-width: 468px) { .sco-destination-fit-marker-cluster { border-radius: 6px; } }
@keyframes sco_route_confidence_note_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sco-route-confidence-note-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 34%, transparent), transparent); min-height: 3px; }
.sco-route-confidence-note-cluster { container-type: inline-size; scroll-margin-top: 106px; } @container (min-width: 468px) { .sco-route-confidence-note-cluster { border-radius: 6px; } }
.sco-route-confidence-note-zone { padding-inline: clamp(31px, 3vw, 68px); border-left: 3px solid color-mix(in srgb, var(--accent) 41%, transparent); }
.sco-domain-note .sco-card:nth-child(1) { border-block-start: 3px solid color-mix(in srgb, var(--accent) 48%, var(--ink)); }
.sco-domain-note .sco-card:nth-child(2) { border-block-end: 3px solid color-mix(in srgb, var(--accent) 38%, var(--paper)); }

/* sco product surface narrative */
/* StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. StrategyCompass style language is directional. The page should feel like a navigation room where a team compares routes before committing momentum. The visual system should support north-star choices, route comparisons, constraint maps, decision bearings, course corrections, and destination fit checks. Panels can feel measured and map-like, with clear edges and stable spacing. The reader should understand that the service is not only about choosing an inspiring direction, but about seeing constraints, alternatives, and the confidence level behind each path before the next move is made. */
.sco-tone-strategycompass-1 { outline-offset: 2px; text-decoration-thickness: 2px; border-spacing: 3px; }
.sco-tone-language-2 { outline-offset: 3px; text-decoration-thickness: 3px; border-spacing: 4px; }
.sco-tone-directional-3 { outline-offset: 4px; text-decoration-thickness: 4px; border-spacing: 5px; }
.sco-tone-navigation-4 { outline-offset: 5px; text-decoration-thickness: 5px; border-spacing: 6px; }
.sco-tone-compares-5 { outline-offset: 6px; text-decoration-thickness: 1px; border-spacing: 7px; }
.sco-tone-committing-6 { outline-offset: 7px; text-decoration-thickness: 2px; border-spacing: 8px; }
.sco-tone-momentum-7 { outline-offset: 8px; text-decoration-thickness: 3px; border-spacing: 2px; }
.sco-tone-support-8 { outline-offset: 9px; text-decoration-thickness: 4px; border-spacing: 3px; }
.sco-tone-north-star-9 { outline-offset: 1px; text-decoration-thickness: 5px; border-spacing: 4px; }
.sco-tone-choices-10 { outline-offset: 2px; text-decoration-thickness: 1px; border-spacing: 5px; }
.sco-tone-comparisons-11 { outline-offset: 3px; text-decoration-thickness: 2px; border-spacing: 6px; }
.sco-tone-constraint-12 { outline-offset: 4px; text-decoration-thickness: 3px; border-spacing: 7px; }
.sco-tone-decision-13 { outline-offset: 5px; text-decoration-thickness: 4px; border-spacing: 8px; }
.sco-tone-bearings-14 { outline-offset: 6px; text-decoration-thickness: 5px; border-spacing: 2px; }
.sco-tone-corrections-15 { outline-offset: 7px; text-decoration-thickness: 1px; border-spacing: 3px; }
.sco-tone-destination-16 { outline-offset: 8px; text-decoration-thickness: 2px; border-spacing: 4px; }
.sco-tone-measured-17 { outline-offset: 9px; text-decoration-thickness: 3px; border-spacing: 5px; }
.sco-tone-map-like-18 { outline-offset: 1px; text-decoration-thickness: 4px; border-spacing: 6px; }
.sco-tone-spacing-19 { outline-offset: 2px; text-decoration-thickness: 5px; border-spacing: 7px; }
.sco-tone-understand-20 { outline-offset: 3px; text-decoration-thickness: 1px; border-spacing: 8px; }
.sco-tone-service-21 { outline-offset: 4px; text-decoration-thickness: 2px; border-spacing: 2px; }
.sco-tone-choosing-22 { outline-offset: 5px; text-decoration-thickness: 3px; border-spacing: 3px; }
.sco-tone-inspiring-23 { outline-offset: 6px; text-decoration-thickness: 4px; border-spacing: 4px; }
.sco-tone-direction-24 { outline-offset: 7px; text-decoration-thickness: 5px; border-spacing: 5px; }
.sco-tone-constraints-25 { outline-offset: 8px; text-decoration-thickness: 1px; border-spacing: 6px; }
.sco-tone-alternatives-26 { outline-offset: 9px; text-decoration-thickness: 2px; border-spacing: 7px; }
.sco-tone-confidence-27 { outline-offset: 1px; text-decoration-thickness: 3px; border-spacing: 8px; }