/* StrategyHarbor practice language: uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm; uncertainty assessment; safe option reviews; stakeholder alignment; risk shelter planning; decision sequencing; operating calm */
:root{--sha-ink:#0f1f2e;--sha-main:#0284c7;--sha-accent:#84cc16;--sha-paper:#f7fbff;--sha-line:color-mix(in srgb,#0f1f2e 16%,white);--sha-soft:color-mix(in srgb,#0284c7 8%,white);--sha-radius:28px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sha-paper);color:var(--sha-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62}a{color:inherit}img{display:block;max-width:100%}.sha-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px;z-index:10}.sha-skip:focus{left:8px}
.sha-top{max-width:1180px;margin:0 auto;padding:20px clamp(18px,4vw,46px);display:flex;justify-content:space-between;align-items:center;gap:18px}.sha-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900}.sha-brand img{width:46px;height:46px;object-fit:contain}.sha-brand small{display:block;font-size:12px;font-weight:500;color:color-mix(in srgb,var(--sha-ink) 58%,white)}.sha-nav{display:flex;gap:16px;align-items:center}.sha-nav a{font-size:14px;font-weight:800;text-decoration:none;border-bottom:2px solid transparent;padding:7px 0}.sha-nav a[aria-current=page],.sha-nav a:hover{border-color:var(--sha-accent)}.sha-toggle{display:none;border:1px solid var(--sha-line);background:#fff;border-radius:var(--sha-radius);padding:8px 12px}
.sha-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}.sha-eyebrow{color:var(--sha-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}.sha-lead{font-size:clamp(18px,2vw,23px)}.sha-visual{border:1px solid var(--sha-line);border-radius:var(--sha-radius);overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.13)}.sha-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.sha-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.sha-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--sha-main);border-radius:var(--sha-radius);text-decoration:none;font-weight:900}.sha-btn.primary{background:var(--sha-main);color:#fff}.sha-btn.ghost{background:#fff}
.sha-band{padding:48px clamp(18px,4vw,46px)}.sha-inner{max-width:1180px;margin:0 auto}.sha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sha-card{background:#fff;border:1px solid var(--sha-line);border-radius:var(--sha-radius);padding:22px;min-height:216px}.sha-card:nth-child(2n){background:var(--sha-soft)}.sha-metric{display:inline-block;color:var(--sha-main);font-weight:900;font-size:12px;text-transform:uppercase;margin-bottom:10px}.sha-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:start}.sha-panel{background:#fff;border:1px solid var(--sha-line);border-radius:var(--sha-radius);padding:26px}.sha-list{padding-left:20px}.sha-list li{margin:8px 0}.sha-legal{max-width:900px;margin:0 auto;padding:56px clamp(18px,4vw,46px);background:rgba(255,255,255,.78)}.sha-footer{border-top:1px solid var(--sha-line);padding:30px clamp(18px,4vw,46px);background:rgba(255,255,255,.75)}.sha-foot{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.sha-foot nav{display:flex;gap:14px;flex-wrap:wrap}.sha-practice{background:color-mix(in srgb,var(--sha-accent) 7%,white)}.sha-visual{border-radius:36px 8px 36px 8px}
@media(max-width:820px){.sha-toggle{display:block}.sha-nav{display:none;position:absolute;left:18px;right:18px;top:76px;background:#fff;border:1px solid var(--sha-line);border-radius:var(--sha-radius);padding:14px;flex-direction:column;align-items:stretch;z-index:5}.sha-nav.open{display:flex}.sha-top{position:relative}.sha-hero,.sha-grid,.sha-split{grid-template-columns:1fr}h1{font-size:41px}}

/* Harbor Stability Notes: visual rhythm for uncertainty shelter line, safe option mooring, and risk tide marker. */
.sha-uncertainty-shelter-line { border-color: color-mix(in srgb, var(--accent) 39%, transparent); box-shadow: 0 7px 21px color-mix(in srgb, var(--ink) 6%, transparent); }
.sha-uncertainty-shelter-line::before { content: ""; display: block; width: 21px; height: 2px; background: var(--accent); margin-bottom: 8px; }
.sha-safe-option-mooring { border-color: color-mix(in srgb, var(--accent) 43%, transparent); box-shadow: 0 8px 24px color-mix(in srgb, var(--ink) 7%, transparent); }
.sha-safe-option-mooring::before { content: ""; display: block; width: 24px; height: 2px; background: var(--accent); margin-bottom: 9px; }
.sha-risk-tide-marker { border-color: color-mix(in srgb, var(--accent) 47%, transparent); box-shadow: 0 9px 27px color-mix(in srgb, var(--ink) 8%, transparent); }
.sha-risk-tide-marker::before { content: ""; display: block; width: 27px; height: 2px; background: var(--accent); margin-bottom: 10px; }
.sha-stakeholder-calm-board { border-color: color-mix(in srgb, var(--accent) 51%, transparent); box-shadow: 0 10px 30px color-mix(in srgb, var(--ink) 9%, transparent); }
.sha-stakeholder-calm-board::before { content: ""; display: block; width: 30px; height: 2px; background: var(--accent); margin-bottom: 11px; }
.sha-decision-harbor-rail { border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: 0 11px 33px color-mix(in srgb, var(--ink) 10%, transparent); }
.sha-decision-harbor-rail::before { content: ""; display: block; width: 33px; height: 2px; background: var(--accent); margin-bottom: 12px; }
.sha-stability-review-berth { border-color: color-mix(in srgb, var(--accent) 59%, transparent); box-shadow: 0 12px 36px color-mix(in srgb, var(--ink) 11%, transparent); }
.sha-stability-review-berth::before { content: ""; display: block; width: 36px; height: 2px; background: var(--accent); margin-bottom: 13px; }
.sha-domain-note { background: linear-gradient(135deg, color-mix(in srgb, var(--paper) 88%, var(--accent)), var(--paper)); }
.sha-domain-note h2 { max-width: 716px; }
.sha-domain-note p { max-width: 757px; }

/* sha extended brand style appendix */
/* Brand surface language: safe mooring panel; uncertainty tide strip; stakeholder calm rail; harbor risk shelf; decision anchor point; stability berth card; weather window note; protected option line; calm review deck; navigation shelter mark. */
.sha-safe-mooring-panel-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 11px 24px color-mix(in srgb, var(--ink) 7%, transparent); }
@keyframes sha_safe_mooring_panel_breathe { 0% { opacity: .92; } 50% { opacity: .72; } 100% { opacity: .92; } }
.sha-safe-mooring-panel-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent); min-height: 1px; }
.sha-safe-mooring-panel-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sha-safe-mooring-panel-cluster { border-radius: 8px; } }
@keyframes sha_uncertainty_tide_strip_breathe { 0% { opacity: .92; } 50% { opacity: .72; } 100% { opacity: .92; } }
.sha-uncertainty-tide-strip-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent); min-height: 1px; }
.sha-uncertainty-tide-strip-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sha-uncertainty-tide-strip-cluster { border-radius: 8px; } }
.sha-uncertainty-tide-strip-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sha-stakeholder-calm-rail-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent); min-height: 1px; }
.sha-stakeholder-calm-rail-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sha-stakeholder-calm-rail-cluster { border-radius: 8px; } }
.sha-stakeholder-calm-rail-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sha-stakeholder-calm-rail-zone > :where(h2,h3) { text-transform: none; margin-block-end: 14px; color: color-mix(in srgb, var(--ink) 74%, var(--accent)); }
.sha-harbor-risk-shelf-cluster { container-type: inline-size; scroll-margin-top: 90px; } @container (min-width: 436px) { .sha-harbor-risk-shelf-cluster { border-radius: 8px; } }
.sha-harbor-risk-shelf-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sha-harbor-risk-shelf-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) { .sha-harbor-risk-shelf-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sha-decision-anchor-point-zone { padding-inline: clamp(23px, 3vw, 52px); border-left: 3px solid color-mix(in srgb, var(--accent) 33%, transparent); }
.sha-decision-anchor-point-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) { .sha-decision-anchor-point-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sha-decision-anchor-point-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))); }
.sha-stability-berth-card-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) { .sha-stability-berth-card-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sha-stability-berth-card-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))); }
.sha-stability-berth-card-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) { .sha-weather-window-note-zone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 337px); gap: 41px; } }
.sha-weather-window-note-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))); }
.sha-weather-window-note-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 19px 40px color-mix(in srgb, var(--ink) 6%, transparent); }
@keyframes sha_weather_window_note_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sha-protected-option-line-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))); }
.sha-protected-option-line-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 19px 40px color-mix(in srgb, var(--ink) 6%, transparent); }
@keyframes sha_protected_option_line_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sha-protected-option-line-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 34%, transparent), transparent); min-height: 3px; }
.sha-calm-review-deck-note:is(:hover,:focus-within) { transform: translateY(-2px); box-shadow: 0 19px 40px color-mix(in srgb, var(--ink) 6%, transparent); }
@keyframes sha_calm_review_deck_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sha-calm-review-deck-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 34%, transparent), transparent); min-height: 3px; }
.sha-calm-review-deck-cluster { container-type: inline-size; scroll-margin-top: 106px; } @container (min-width: 468px) { .sha-calm-review-deck-cluster { border-radius: 6px; } }
@keyframes sha_navigation_shelter_mark_breathe { 0% { opacity: .92; } 50% { opacity: .80; } 100% { opacity: .92; } }
.sha-navigation-shelter-mark-line { background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 34%, transparent), transparent); min-height: 3px; }
.sha-navigation-shelter-mark-cluster { container-type: inline-size; scroll-margin-top: 106px; } @container (min-width: 468px) { .sha-navigation-shelter-mark-cluster { border-radius: 6px; } }
.sha-navigation-shelter-mark-zone { padding-inline: clamp(31px, 3vw, 68px); border-left: 3px solid color-mix(in srgb, var(--accent) 41%, transparent); }
.sha-domain-note .sha-card:nth-child(1) { border-block-start: 3px solid color-mix(in srgb, var(--accent) 48%, var(--ink)); }
.sha-domain-note .sha-card:nth-child(2) { border-block-end: 3px solid color-mix(in srgb, var(--accent) 38%, var(--paper)); }

/* sha product surface narrative */
/* StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. StrategyHarbor style language is stable and protective. The page should feel like a calm place to hold an uncertain decision while weather, timing, and stakeholders are assessed. Visual choices should support uncertainty assessment, safe option reviews, stakeholder alignment, risk shelter planning, protected option lines, and stability reviews. The design should avoid panic and spectacle. It should give the reader a sense of mooring: the question can pause here, the risks can be named, the options can be held safely, and a responsible next movement can be chosen. */
.sha-tone-strategyharbor-1 { outline-offset: 2px; text-decoration-thickness: 2px; border-spacing: 3px; }
.sha-tone-language-2 { outline-offset: 3px; text-decoration-thickness: 3px; border-spacing: 4px; }
.sha-tone-protective-3 { outline-offset: 4px; text-decoration-thickness: 4px; border-spacing: 5px; }
.sha-tone-uncertain-4 { outline-offset: 5px; text-decoration-thickness: 5px; border-spacing: 6px; }
.sha-tone-decision-5 { outline-offset: 6px; text-decoration-thickness: 1px; border-spacing: 7px; }
.sha-tone-weather-6 { outline-offset: 7px; text-decoration-thickness: 2px; border-spacing: 8px; }
.sha-tone-stakeholders-7 { outline-offset: 8px; text-decoration-thickness: 3px; border-spacing: 2px; }
.sha-tone-assessed-8 { outline-offset: 9px; text-decoration-thickness: 4px; border-spacing: 3px; }
.sha-tone-choices-9 { outline-offset: 1px; text-decoration-thickness: 5px; border-spacing: 4px; }
.sha-tone-support-10 { outline-offset: 2px; text-decoration-thickness: 1px; border-spacing: 5px; }
.sha-tone-uncertainty-11 { outline-offset: 3px; text-decoration-thickness: 2px; border-spacing: 6px; }
.sha-tone-assessment-12 { outline-offset: 4px; text-decoration-thickness: 3px; border-spacing: 7px; }
.sha-tone-reviews-13 { outline-offset: 5px; text-decoration-thickness: 4px; border-spacing: 8px; }
.sha-tone-stakeholder-14 { outline-offset: 6px; text-decoration-thickness: 5px; border-spacing: 2px; }
.sha-tone-alignment-15 { outline-offset: 7px; text-decoration-thickness: 1px; border-spacing: 3px; }
.sha-tone-shelter-16 { outline-offset: 8px; text-decoration-thickness: 2px; border-spacing: 4px; }
.sha-tone-planning-17 { outline-offset: 9px; text-decoration-thickness: 3px; border-spacing: 5px; }
.sha-tone-protected-18 { outline-offset: 1px; text-decoration-thickness: 4px; border-spacing: 6px; }
.sha-tone-stability-19 { outline-offset: 2px; text-decoration-thickness: 5px; border-spacing: 7px; }
.sha-tone-reviews-20 { outline-offset: 3px; text-decoration-thickness: 1px; border-spacing: 8px; }
.sha-tone-spectacle-21 { outline-offset: 4px; text-decoration-thickness: 2px; border-spacing: 2px; }
.sha-tone-mooring:-22 { outline-offset: 5px; text-decoration-thickness: 3px; border-spacing: 3px; }
.sha-tone-question-23 { outline-offset: 6px; text-decoration-thickness: 4px; border-spacing: 4px; }
.sha-tone-options-24 { outline-offset: 7px; text-decoration-thickness: 5px; border-spacing: 5px; }
.sha-tone-responsible-25 { outline-offset: 8px; text-decoration-thickness: 1px; border-spacing: 6px; }
.sha-tone-movement-26 { outline-offset: 9px; text-decoration-thickness: 2px; border-spacing: 7px; }