:root{--sm-ink:#102131;--sm-navy:#10283d;--sm-deep:#071521;--sm-gold:#c89a43;--sm-gold2:#e4bd69;--sm-paper:#fbfaf7;--sm-line:#d9dfe4;--sm-green:#2f7450;--sm-red:#a53b3f;--sm-blue:#2c637f;--sm-muted:#60717f}
.sopm-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#071521 0%,#10283d 56%,#173e55 100%);color:#fff;padding:74px 0 58px}.sopm-hero:before,.sopm-hero:after{content:"";position:absolute;border:1px solid rgba(228,189,105,.22);border-radius:32px;transform:rotate(-8deg)}.sopm-hero:before{width:460px;height:460px;right:-130px;top:-220px}.sopm-hero:after{width:250px;height:250px;right:90px;bottom:-170px}.sopm-hero .container{position:relative;z-index:1}.sopm-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(228,189,105,.48);border-radius:999px;color:#f2d69b;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sopm-hero h1{max-width:900px;font-size:clamp(2.45rem,6vw,5.2rem);line-height:.94;margin:18px 0 18px;letter-spacing:-.045em}.sopm-hero p{max-width:810px;font-size:1.13rem;line-height:1.72;color:#e4ebf0}.sopm-hero-statbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px;max-width:920px}.sopm-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(7px);border-radius:14px;padding:16px}.sopm-stat strong{display:block;font-size:1.55rem;color:#f1cb7c}.sopm-stat span{font-size:.83rem;color:#dbe4ea}.sopm-app{background:#edf1f3;padding:28px 0 56px}.sopm-shell{display:grid;grid-template-columns:270px minmax(0,1fr) 330px;gap:18px;align-items:start}.sopm-card{background:#fff;border:1px solid rgba(16,33,49,.12);border-radius:18px;box-shadow:0 14px 38px rgba(16,33,49,.07);overflow:hidden}.sopm-card-head{padding:17px 18px;border-bottom:1px solid #e5eaee;background:linear-gradient(180deg,#fff,#fafbfc)}.sopm-card-head h2,.sopm-card-head h3{margin:0;color:var(--sm-ink)}.sopm-card-body{padding:18px}.sopm-machine{position:sticky;top:18px}.sopm-stage{display:grid;grid-template-columns:34px 1fr;gap:11px;position:relative;padding:9px 0}.sopm-stage:not(:last-child):after{content:"";position:absolute;width:2px;height:18px;background:#dce3e8;left:16px;bottom:-9px}.sopm-stage-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #c7d1d9;background:#fff;color:#647684;font-weight:900}.sopm-stage.done .sopm-stage-dot{background:var(--sm-green);border-color:var(--sm-green);color:#fff}.sopm-stage.active .sopm-stage-dot{background:var(--sm-gold);border-color:var(--sm-gold);color:#102131;box-shadow:0 0 0 5px rgba(200,154,67,.14)}.sopm-stage strong{display:block;font-size:.9rem}.sopm-stage small{display:block;color:#71808d;line-height:1.35;margin-top:2px}.sopm-progress{height:9px;border-radius:999px;background:#e5eaed;overflow:hidden;margin:14px 0 7px}.sopm-progress>i{display:block;height:100%;background:linear-gradient(90deg,#9a6c23,#d4aa59);width:0;transition:width .25s}.sopm-mini{font-size:.8rem;color:#677884}.sopm-toolbar{display:flex;gap:9px;flex-wrap:wrap}.sopm-btn{appearance:none;border:0;border-radius:10px;padding:10px 13px;font:800 .88rem/1.1 inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.sopm-btn.primary{background:#b68431;color:#fff}.sopm-btn.dark{background:#10283d;color:#fff}.sopm-btn.soft{background:#edf2f5;color:#213748;border:1px solid #d5dee4}.sopm-btn.red{background:#fff1f1;color:#8f2e32;border:1px solid #e2bbbb}.sopm-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.sopm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sopm-tabs{display:flex;gap:6px;padding:10px;background:#eef2f4;border-radius:12px;margin-bottom:18px;overflow:auto}.sopm-tab{border:0;background:transparent;color:#405565;font-weight:850;padding:9px 11px;border-radius:8px;white-space:nowrap;cursor:pointer}.sopm-tab.active{background:#fff;color:#10283d;box-shadow:0 3px 12px rgba(16,33,49,.09)}.sopm-panel{display:none}.sopm-panel.active{display:block}.sopm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sopm-field{display:grid;gap:6px}.sopm-field.full{grid-column:1/-1}.sopm-field label{font-size:.79rem;font-weight:900;letter-spacing:.02em;color:#2f4352}.sopm-field input,.sopm-field select,.sopm-field textarea{width:100%;border:1px solid #bdc8d0;border-radius:9px;padding:10px 11px;background:#fff;color:#12283a;font:inherit}.sopm-field textarea{min-height:94px;resize:vertical}.sopm-field input:focus,.sopm-field select:focus,.sopm-field textarea:focus{outline:3px solid rgba(200,154,67,.16);border-color:#a9792d}.sopm-help{font-size:.76rem;color:#6b7c88;line-height:1.45}.sopm-section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:1px solid #e4e9ed;padding-bottom:10px;margin:22px 0 13px}.sopm-section-title h3{margin:0;font-size:1.08rem}.sopm-callout{background:#fbf7ee;border:1px solid #ead9b6;border-left:4px solid var(--sm-gold);border-radius:11px;padding:13px 15px;color:#3e4c56;margin:13px 0}.sopm-search{position:relative}.sopm-search input{padding-left:38px}.sopm-search:before{content:"⌕";position:absolute;left:13px;top:8px;font-size:1.4rem;color:#6d7e89}.sopm-library-list{max-height:570px;overflow:auto;border:1px solid #e0e6ea;border-radius:12px;margin-top:12px}.sopm-lib-row{padding:11px 12px;border-bottom:1px solid #e9edef;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;cursor:pointer}.sopm-lib-row:last-child{border-bottom:0}.sopm-lib-row:hover{background:#f8fafb}.sopm-lib-row.selected{background:#fbf6ea;box-shadow:inset 3px 0 var(--sm-gold)}.sopm-lib-id{font:800 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#667784;padding-top:2px}.sopm-lib-title{font-weight:800;color:#142a3b;font-size:.9rem}.sopm-lib-meta{color:#72818c;font-size:.75rem;margin-top:3px}.sopm-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#edf2f5;color:#425867;font-size:.68rem;font-weight:850;margin:3px 3px 0 0}.sopm-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sopm-pack{border:1px solid #d8e0e5;background:#fff;border-radius:13px;padding:15px;text-align:left;cursor:pointer}.sopm-pack:hover{border-color:#c2984d;box-shadow:0 9px 22px rgba(16,33,49,.08)}.sopm-pack strong{display:block;color:#162c3e;margin-bottom:4px}.sopm-pack span{font-size:.78rem;color:#697a86;line-height:1.4}.sopm-pack b{display:inline-block;margin-top:8px;color:#8d6323;font-size:.76rem}.sopm-queue{max-height:580px;overflow:auto}.sopm-qrow{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid #ebeff2}.sopm-qrow button{width:28px;height:28px;border:0;border-radius:8px;background:#edf2f5;cursor:pointer}.sopm-qrow.active{background:#fbf8f1;margin:0 -10px;padding:10px;border-radius:10px}.sopm-qrow strong{display:block;font-size:.82rem;color:#203647}.sopm-qrow small{display:block;font-size:.7rem;color:#788793}.sopm-status{font-size:.67rem;font-weight:900;border-radius:999px;padding:4px 7px;background:#eef1f3;color:#64727d}.sopm-status.ready{background:#e7f3ec;color:#2c704d}.sopm-status.edited{background:#fff2d7;color:#86621d}.sopm-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.sopm-editor-head h2{font-size:1.38rem;margin:2px 0 4px}.sopm-source-tag{font:800 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#6f7f8b}.sopm-repeat-list{display:grid;gap:8px}.sopm-repeat-item{display:grid;grid-template-columns:1fr auto;gap:7px}.sopm-repeat-item textarea,.sopm-repeat-item input{width:100%;border:1px solid #c3ccd3;border-radius:8px;padding:9px;font:inherit}.sopm-repeat-item button{border:0;border-radius:8px;background:#f4e6e6;color:#922f33;font-weight:900;width:34px;cursor:pointer}.sopm-preview-paper{background:#fff;border:1px solid #d8dee3;box-shadow:0 10px 30px rgba(16,33,49,.08);padding:22px;max-height:670px;overflow:auto}.sopm-preview-paper h1{font-size:1.22rem;color:#11283a;border-bottom:3px solid #c89943;padding-bottom:9px;margin:0 0 10px}.sopm-preview-paper h3{font-size:.86rem;text-transform:uppercase;letter-spacing:.06em;color:#243b4d;margin:16px 0 7px}.sopm-preview-paper p,.sopm-preview-paper li{font-size:.8rem;line-height:1.5;color:#263b4b}.sopm-preview-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 10px;background:#f5f7f8;padding:9px;border-radius:8px;font-size:.71rem}.sopm-readiness{display:grid;gap:7px}.sopm-check{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:.78rem;align-items:start}.sopm-check:before{content:"!";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#f6e4e4;color:#9d3438;font-weight:900}.sopm-check.ok:before{content:"✓";background:#e4f1e9;color:#2e744f}.sopm-master-compare{border:1px solid #dce3e7;border-radius:11px;padding:12px;background:#fafbfc;margin-top:12px}.sopm-master-compare summary{font-weight:900;color:#2c4354;cursor:pointer}.sopm-master-compare pre{white-space:pre-wrap;font:400 .76rem/1.5 inherit;color:#4b5e6c}.sopm-ad{background:linear-gradient(135deg,#0b1b28,#17394f);color:#fff;border-radius:18px;padding:25px;position:relative;overflow:hidden}.sopm-ad:after{content:"BINDER";position:absolute;right:-18px;bottom:-15px;font-weight:950;font-size:5.3rem;color:rgba(255,255,255,.035);transform:rotate(-8deg)}.sopm-ad h2{margin:4px 0 10px;color:#fff}.sopm-ad p{color:#dce7ed;max-width:760px}.sopm-ad .sopm-coming{display:inline-flex;padding:6px 10px;border-radius:999px;background:#c89943;color:#102131;font-weight:950;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.sopm-ad-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sopm-trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.sopm-trust{border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:12px}.sopm-trust strong{display:block;color:#f1cb7c}.sopm-toast{position:fixed;right:18px;bottom:18px;z-index:99;max-width:360px;padding:12px 15px;border-radius:10px;background:#11283a;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.sopm-toast.show{opacity:1;transform:none}.sopm-danger{color:#9c3539}.sopm-local-badge{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:900;color:#2d704f}.sopm-local-badge:before{content:"●";color:#3c9569}.sopm-empty{padding:28px;text-align:center;color:#71818c}.sopm-future{opacity:.72}.sopm-advanced{border:1px solid #dce3e8;border-radius:12px;padding:13px;margin-top:15px}.sopm-advanced summary{cursor:pointer;font-weight:900}.sopm-version-list{display:grid;gap:7px;margin-top:9px}.sopm-version{display:flex;justify-content:space-between;gap:10px;border:1px solid #e1e7eb;border-radius:9px;padding:9px;background:#fafbfc;font-size:.76rem}.sopm-inline-check{display:flex;align-items:center;gap:7px;font-size:.77rem;color:#536673}.sopm-inline-check input{width:auto}.sopm-footer-machine{padding:44px 0;background:#0a1823;color:#dbe4ea}.sopm-footer-machine .sopm-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:center}.sopm-flow div{border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:10px;text-align:center;font-size:.78rem}.sopm-flow b{color:#edc979;display:block;margin-bottom:3px}.sopm-flow span{color:#aebcc6}.sopm-sticky-note{background:#eef7f1;border:1px solid #cae2d2;color:#315c43;border-radius:10px;padding:10px 12px;font-size:.78rem;margin-top:10px}
@media(max-width:1200px){.sopm-shell{grid-template-columns:240px 1fr}.sopm-shell>.sopm-card:last-child{grid-column:1/-1}.sopm-machine{position:static}.sopm-preview-paper{max-height:none}.sopm-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.sopm-hero-statbar,.sopm-trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sopm-shell{grid-template-columns:1fr}.sopm-shell>.sopm-card:last-child{grid-column:auto}.sopm-grid,.sopm-pack-grid{grid-template-columns:1fr}.sopm-field.full{grid-column:auto}.sopm-tabs{margin-left:-4px;margin-right:-4px}.sopm-footer-machine .sopm-flow{grid-template-columns:repeat(2,1fr)}.sopm-queue{max-height:320px}}
@media(max-width:480px){.sopm-hero{padding:52px 0 40px}.sopm-hero-statbar{grid-template-columns:1fr 1fr}.sopm-card-body{padding:14px}.sopm-toolbar .sopm-btn{flex:1 1 auto}.sopm-preview-meta{grid-template-columns:1fr}.sopm-trust-row{grid-template-columns:1fr}.sopm-editor-head{display:block}}
@media print{.announcement,.site-header,.site-footer,.sopm-hero,.sopm-machine,.sopm-card:first-child,.sopm-card:nth-child(2),.sopm-ad,.sopm-footer-machine,.sopm-toolbar,.sopm-tabs{display:none!important}.sopm-app{background:#fff;padding:0}.sopm-shell{display:block}.sopm-card{box-shadow:none;border:0}.sopm-card-head{display:none}.sopm-card-body{padding:0}.sopm-preview-paper{box-shadow:none;border:0;max-height:none;padding:0}.sopm-shell>.sopm-card:last-child{display:block}.sopm-readiness,.sopm-master-compare{display:none}@page{size:letter;margin:.55in}}

/* Gravity SOP Foundry v2 — guided modes, field help, multi-location and branded output */
.sopm-onboarding{background:linear-gradient(180deg,#f7f4ed 0,#eef2f4 100%)}
.sopm-mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin:0 auto 24px}.sopm-mode-card{border:2px solid #d6dde2;border-radius:18px;background:#fff;padding:20px;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(16,33,49,.07);transition:.2s;color:#183044}.sopm-mode-card:hover,.sopm-mode-card.active{border-color:#c59643;transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,33,49,.11)}.sopm-mode-card strong{display:block;font-size:1.25rem;margin:4px 0 7px}.sopm-mode-card small{display:block;color:#617481;line-height:1.5;font-size:.85rem}.sopm-mode-card b{display:inline-block;margin-top:12px;color:#8b6121;font-size:.78rem}.sopm-mode-icon{font-size:1.55rem}.sopm-directions-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0}.sopm-direction{position:relative;background:#0e2638;color:#fff;border-radius:15px;padding:16px 13px 15px;min-height:190px;overflow:hidden}.sopm-direction>span{position:absolute;right:9px;top:5px;font:950 2.3rem/1 Arial;color:rgba(255,255,255,.08)}.sopm-direction-icon{font-size:1.45rem;margin-bottom:9px}.sopm-direction h3{color:#f0c976;font-size:.94rem;margin:0 0 6px}.sopm-direction p{color:#cfdae1;font-size:.76rem;line-height:1.45;margin:0}.sopm-start-note{background:#fff;border:1px solid #dfd6c5;border-left:5px solid #c59743;border-radius:12px;padding:13px 16px;max-width:980px;margin:0 auto;color:#40515d}.sopm-link-btn{appearance:none;border:0;background:transparent;color:#7d571f;text-decoration:underline;font:800 inherit;cursor:pointer;padding:0}.sopm-mode-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f5f7f8;border:1px solid #dde4e8;border-radius:11px;padding:10px 12px;margin-bottom:16px}.sopm-mode-inline>span{font-weight:900;color:#314858}.sopm-mode-inline small{flex-basis:100%;color:#667985}.sopm-mode-pill{border:1px solid #cbd5db;border-radius:999px;background:#fff;color:#354d5d;font-weight:900;padding:7px 11px;cursor:pointer}.sopm-mode-pill.active{background:#112a3d;color:#fff;border-color:#112a3d}.sopm-tip{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #b7c4cc;background:#fff;color:#6e531f;font:900 11px/1 Arial;margin-left:5px;cursor:help;vertical-align:middle;padding:0}.sopm-tip:hover,.sopm-tip:focus{background:#c79842;color:#fff;border-color:#c79842;outline:2px solid rgba(199,152,66,.22)}.sopm-help-overlay[hidden]{display:none}.sopm-help-overlay{position:fixed;inset:0;z-index:1000;background:rgba(4,15,24,.66);display:flex;justify-content:flex-end}.sopm-help-drawer{width:min(560px,96vw);height:100%;overflow:auto;background:#f7f8f9;padding:24px;box-shadow:-20px 0 50px rgba(0,0,0,.25)}.sopm-help-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.sopm-help-head h2{margin:7px 0}.sopm-help-head p{color:#5f727f}.sopm-help-close{border:0;background:#142b3d;color:#fff;width:38px;height:38px;border-radius:50%;font-size:1.4rem;cursor:pointer;flex:0 0 auto}.sopm-help-list{display:grid;gap:10px;margin-top:15px}.sopm-help-entry{background:#fff;border:1px solid #dfe5e8;border-radius:12px;padding:13px 15px}.sopm-help-entry h3{font-size:.95rem;margin:0 0 5px;color:#1b3548}.sopm-help-entry p{font-size:.8rem;color:#536875;margin:0 0 8px}.sopm-help-entry div{font-size:.76rem;color:#344b5a;background:#f7f2e7;padding:8px;border-radius:8px}.sopm-help-open{overflow:hidden}.sopm-print-brand{border-top:1px solid #d5dce0;margin-top:18px;padding-top:10px;display:grid;grid-template-columns:1fr 58px;gap:8px 12px;align-items:center;font-size:.69rem;color:#5b6b76}.sopm-print-brand img{width:56px;height:56px;grid-row:1/3;grid-column:2}.sopm-print-brand small{grid-column:1;font-size:.64rem;color:#71808a}.sopm-app[data-mode="quick"] .sopm-full-only{display:none!important}.sopm-app[data-mode="full"] .sopm-full-only{display:block}.sopm-app[data-mode="full"] .sopm-grid.sopm-full-only{display:grid}.sopm-app[data-mode="full"] .sopm-section-title.sopm-full-only{display:flex}.sopm-app[data-mode="full"] .sopm-field.sopm-full-only{display:grid}
@media(max-width:1100px){.sopm-directions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sopm-direction{min-height:155px}}
@media(max-width:700px){.sopm-mode-picker{grid-template-columns:1fr}.sopm-directions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sopm-direction{min-height:150px}.sopm-help-drawer{padding:18px}.sopm-print-brand{grid-template-columns:1fr 50px}.sopm-print-brand img{width:48px;height:48px}}
@media(max-width:430px){.sopm-directions-grid{grid-template-columns:1fr}.sopm-direction{min-height:auto}.sopm-mode-inline{align-items:stretch}.sopm-mode-pill{flex:1}}
@media print{.sopm-print-brand{display:grid!important}.sopm-print-brand img{display:block!important}}

.sopm-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1100px;margin:20px auto}.sopm-guide-card{background:#fff;border:1px solid #dce3e7;border-radius:16px;padding:19px;box-shadow:0 8px 24px rgba(16,33,49,.06)}.sopm-guide-card.quick{border-top:4px solid #c79842}.sopm-guide-card.full{border-top:4px solid #173b55}.sopm-guide-card h3{margin:6px 0 12px;color:#173247}.sopm-guide-card ol{margin:0;padding-left:20px}.sopm-guide-card li{margin:0 0 8px;color:#526774;line-height:1.45;font-size:.83rem}.sopm-guide-badge{font-size:.68rem;font-weight:950;letter-spacing:.08em;color:#8a6325}@media(max-width:760px){.sopm-guide-grid{grid-template-columns:1fr}}


/* Final Foundry usability refinements */
.sopm-tip{position:relative;overflow:visible}
.sopm-tip::after{content:attr(data-tip);position:absolute;z-index:1200;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:280px;max-width:72vw;padding:10px 12px;border-radius:10px;background:#10293a;color:#fff;font:600 12px/1.45 Arial,sans-serif;text-align:left;box-shadow:0 12px 30px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transition:.14s ease}
.sopm-tip::before{content:"";position:absolute;z-index:1201;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:7px solid transparent;border-top-color:#10293a;opacity:0;visibility:hidden;transition:.14s ease}
.sopm-tip:hover::after,.sopm-tip:focus::after,.sopm-tip:hover::before,.sopm-tip:focus::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sopm-quick-summary{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;align-items:center;background:linear-gradient(135deg,#f7f1e5,#fff);border:1px solid #dec99f;border-left:4px solid #c6963e;border-radius:12px;padding:11px 13px;margin-bottom:2px}
.sopm-quick-summary strong{color:#193448;font-size:.94rem}.sopm-quick-summary span{color:#5e6f7b;font-size:.78rem;grid-row:2}.sopm-quick-summary button{grid-row:1/3;grid-column:2}
.sopm-quick-only{display:none}
.sopm-app[data-mode="quick"] .sopm-quick-only{display:block}
.sopm-app[data-mode="full"] .sopm-quick-summary{display:none}
@media(max-width:650px){.sopm-quick-summary{grid-template-columns:1fr}.sopm-quick-summary button{grid-row:auto;grid-column:auto;justify-self:start}.sopm-tip::after{left:auto;right:-20px;transform:none;width:245px}.sopm-tip:hover::after,.sopm-tip:focus::after{transform:none}.sopm-tip::before{left:auto;right:1px;transform:none}}