/* Destination previews and purposeful motion. Each site keeps its own voice. */
.ds-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ds-preview,.ds-help,.ds-control-hint,.ds-dock,.ds-link-preview-control{--ds-ink:#24372e;--ds-muted:#68786c;--ds-paper:#fffef9;--ds-soft:#eef2e7;--ds-line:#d6dfce;--ds-accent:#4b7040;box-sizing:border-box;font-family:var(--sans,Arial,Helvetica,sans-serif)}
.ds-preview *,.ds-help *,.ds-dock *{box-sizing:border-box}
.network-technology :is(.ds-help,.ds-control-hint,.ds-dock,.ds-link-preview-control),.ds-preview[data-theme=technology]{--ds-ink:#162c45;--ds-muted:#5e738b;--ds-paper:#fff;--ds-soft:#f0f5fd;--ds-line:#d4dfed;--ds-accent:#245ec0}
.network-company :is(.ds-help,.ds-control-hint,.ds-dock,.ds-link-preview-control),.ds-preview[data-theme=company]{--ds-ink:#272326;--ds-muted:#756a70;--ds-paper:#fffdfb;--ds-soft:#f5eeef;--ds-line:#e2d6db;--ds-accent:#793d52}
.network-world :is(.ds-help,.ds-control-hint,.ds-dock,.ds-link-preview-control),.ds-preview[data-theme=world]{--ds-ink:#332442;--ds-muted:#7f7087;--ds-paper:#fffdf8;--ds-soft:#f0eaf3;--ds-line:#dfd4e4;--ds-accent:#79528a}
.network-os :is(.ds-help,.ds-control-hint,.ds-dock,.ds-link-preview-control),.ds-preview[data-theme=os]{--ds-ink:#f0f5fd;--ds-muted:#acbdd0;--ds-paper:#102034;--ds-soft:#172c45;--ds-line:#36516d;--ds-accent:#ffaf66}
.ds-preview[hidden],.ds-control-hint[hidden],.ds-exit-preview[hidden],.ds-link-preview-control[hidden]{display:none!important}
.ds-preview{position:fixed;inset:auto;margin:0;width:355px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--ds-line);border-radius:13px;background:var(--ds-paper);color:var(--ds-ink);box-shadow:0 15px 55px #10203124,0 2px 7px #1020310d;z-index:1000;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;text-align:left;line-height:1.5}
.ds-preview[data-state=measuring]{visibility:hidden}
.ds-preview[data-side=top]{transform-origin:center bottom}.ds-preview[data-side=bottom]{transform-origin:center top}
.ds-preview[data-side=left]{transform-origin:right center}.ds-preview[data-side=right]{transform-origin:left center}
.ds-preview[data-entity-type]{width:390px}
.ds-preview[data-entity-type]>.ec-card{margin:0;max-width:100%;width:100%;box-shadow:none}
.ds-preview[data-entity-type] .ds-preview-close{z-index:2}
.ds-preview::backdrop{background:transparent;pointer-events:none}
.ds-preview-visual{height:118px;position:relative;overflow:hidden;border-bottom:1px solid var(--ds-line);background:linear-gradient(120deg,var(--ds-soft),var(--ds-paper));display:flex;align-items:center;padding:18px 25px;gap:27px;isolation:isolate}
.ds-preview-visual::before{content:"";position:absolute;width:145px;height:145px;right:-30px;top:-45px;border:1px solid var(--ds-line);border-radius:50%;z-index:-1}
.ds-preview-visual::after{content:"";position:absolute;width:145px;height:145px;right:-50px;top:-25px;border:1px solid var(--ds-line);border-radius:50%;z-index:-1}
.ds-preview-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ds-preview-mark{font:500 40px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.09em;color:var(--ds-accent);width:73px;text-align:center}
.ds-preview-structure{display:grid;gap:8px;width:130px}
.ds-preview-structure>i{height:10px;width:100%;display:block;border:1px solid var(--ds-line);background:var(--ds-paper);border-radius:2px}
.ds-preview-structure>i:nth-child(2){width:76%;background:var(--ds-soft)}.ds-preview-structure>i:nth-child(3){width:55%}
.ds-preview-art-label{position:absolute;bottom:9px;left:25px;font:8px/1.4 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--ds-muted)}
.ds-preview-visual[data-art=essay] .ds-preview-mark{font:85px/1 Georgia,serif;padding-top:24px}
.ds-preview-visual[data-art=experience] .ds-preview-structure,.ds-preview-visual[data-art=product] .ds-preview-structure{grid-template-columns:1fr 1fr 1fr;gap:7px;align-items:end}
.ds-preview-visual[data-art=experience] .ds-preview-structure>i,.ds-preview-visual[data-art=product] .ds-preview-structure>i{height:32px;width:100%}.ds-preview-visual[data-art=experience] .ds-preview-structure>i:nth-child(2),.ds-preview-visual[data-art=product] .ds-preview-structure>i:nth-child(2){height:49px}
.ds-preview-visual[data-art=tafio]{--ds-soft:#e9f0e5;--ds-accent:#437057;--ds-line:#c8d7c2}
.ds-preview-visual[data-art=pactena]{--ds-soft:#f8eae3;--ds-accent:#a75f47;--ds-line:#e4cbc1}
.ds-preview-visual[data-art=tellshift]{--ds-soft:#fae6df;--ds-accent:#b6513b;--ds-line:#ecc9bd}
.ds-preview-visual[data-art=companyos]{--ds-soft:#e9f1f2;--ds-accent:#426974;--ds-line:#c7d9dc}
.ds-preview-visual[data-art=gtm-learning-loop]{--ds-soft:#e9eff8;--ds-accent:#426897;--ds-line:#c7d5e7}
.ds-preview-visual[data-art=hcircle]{--ds-soft:#eee9f7;--ds-accent:#7a60a0;--ds-line:#d7cce7}
.ds-preview-visual[data-art=artisanos]{--ds-soft:#f5efe4;--ds-accent:#8b754b;--ds-line:#e1d6bf}
.ds-preview-visual[data-art=creator-ugc]{--ds-soft:#f8e8ef;--ds-accent:#a05c7b;--ds-line:#e5c8d7}
.ds-preview-close{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:28px;height:28px;background:var(--ds-paper);border:1px solid var(--ds-line);border-radius:50%;font:20px/1 Arial,sans-serif;color:var(--ds-muted);cursor:pointer;box-shadow:0 2px 8px #142a3410}
.ds-preview-close:hover{color:var(--ds-ink);border-color:var(--ds-accent);transform:rotate(4deg)}
.ds-preview-body{padding:20px 22px 15px}
.ds-preview-pending{padding-top:30px;min-height:190px}
.ds-preview-skeleton{display:grid;gap:8px;margin:19px 0 23px}
.ds-preview-skeleton i{display:block;height:8px;background:var(--ds-soft);border-radius:2px}
.ds-preview-skeleton i:nth-child(2){width:88%}.ds-preview-skeleton i:nth-child(3){width:63%}
.ds-preview-kicker{font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;color:var(--ds-accent);margin:0 0 9px;text-transform:uppercase}
.ds-preview-title{font:600 21px/1.2 var(--sans,Arial,Helvetica,sans-serif);letter-spacing:-.035em;color:var(--ds-ink);margin:0;overflow-wrap:anywhere}
.ds-preview-summary{font-size:12px;line-height:1.75;color:var(--ds-muted);margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ds-preview-facts{display:grid;gap:7px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--ds-line);font-size:10px;color:var(--ds-muted)}
.ds-preview-facts>div{display:flex;justify-content:space-between;gap:12px}.ds-preview-facts dt{font-weight:400}.ds-preview-facts dd{margin:0;font-weight:600;color:var(--ds-ink)}
.ds-preview-sections{padding-top:15px;margin-top:14px;border-top:1px solid var(--ds-line)}
.ds-preview-sections>span{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-muted);margin-bottom:7px}
.ds-preview-sections>a,.ds-preview-sections>p{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;line-height:1.55;color:var(--ds-ink);padding:5px 0;margin:0;text-decoration:none}
.ds-preview-sections>a>span{color:var(--ds-accent);flex-shrink:0}.ds-preview-sections>a:hover{color:var(--ds-accent);text-decoration:underline;text-underline-offset:3px}
.ds-preview-footer{display:flex;gap:13px;align-items:center;justify-content:space-between;border-top:1px solid var(--ds-line);padding-top:13px;margin-top:15px}
.ds-preview-open{display:inline-flex;align-items:center;gap:12px;color:var(--ds-accent);font-size:12px;font-weight:600;text-decoration:none;padding:4px 0;white-space:nowrap}
.ds-preview-open>span{font-size:17px;font-weight:400}.ds-preview-open:hover>span{transform:translate(2px,-2px)}
.ds-preview-domain,.ds-preview-instruction{font:8px/1.6 ui-monospace,monospace;color:var(--ds-muted);text-align:right;overflow-wrap:anywhere}
.ds-preview :focus-visible,.ds-help :focus-visible,.ds-dock :focus-visible{outline:2px solid var(--ds-accent);outline-offset:4px;border-radius:3px}
.ds-preview [data-ds-open]:focus-visible{outline-offset:5px}

.ds-dock{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:20px;display:flex;align-items:center;gap:7px;z-index:80;pointer-events:none}
.ds-dock button{pointer-events:auto;display:flex;align-items:center;gap:8px;min-height:39px;border-radius:30px;padding:9px 14px;background:var(--ds-paper);border:1px solid var(--ds-line);color:var(--ds-ink);font:11px/1.4 var(--sans,Arial,sans-serif);box-shadow:0 4px 17px #10203115;cursor:pointer}
.ds-dock .ds-eye{font:16px/1 Arial;color:var(--ds-accent)}
.ds-dock button:hover{border-color:var(--ds-accent);box-shadow:0 5px 21px #10203125;transform:translateY(-2px)}
.ds-dock .ds-exit-preview{background:var(--ds-accent);border-color:var(--ds-accent);color:var(--ds-paper)}
button.ds-link-preview-control{position:fixed!important;inset:auto;z-index:70;display:grid!important;place-items:center;width:28px!important;height:28px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--ds-line);border-radius:50%;background:var(--ds-paper);color:var(--ds-accent);box-shadow:0 2px 6px #10203115;cursor:pointer;font:15px/1 Arial,sans-serif;transform:none!important;line-height:1!important}
.ds-link-preview-control::backdrop{background:transparent;pointer-events:none}
.ds-link-preview-control:hover{border-color:var(--ds-accent);box-shadow:0 3px 10px #10203125}
.ds-link-preview-control:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}
.ds-help{width:min(510px,calc(100% - 28px));max-height:calc(100dvh - 42px);padding:26px;border:1px solid var(--ds-line);border-radius:15px;background:var(--ds-paper);color:var(--ds-ink);box-shadow:0 30px 100px #0b1c3340;overflow:auto;overscroll-behavior:contain}
.ds-help::backdrop{background:#0c182c66;backdrop-filter:blur(3px)}
.ds-help>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}
.ds-help>header>span{font:9px/1.5 ui-monospace,monospace;letter-spacing:.07em;color:var(--ds-accent)}
.ds-help-close{display:grid;place-items:center;width:30px;height:30px;font:23px/1 Arial;color:var(--ds-muted);background:var(--ds-soft);border:1px solid var(--ds-line);border-radius:50%;cursor:pointer}
.ds-help>h2{font:500 31px/1.12 var(--sans,Arial,sans-serif);letter-spacing:-.04em;margin:0;max-width:350px}
.ds-help-intro{font:13px/1.75 var(--sans,Arial,sans-serif);color:var(--ds-muted);margin:14px 0 24px}
.ds-help-tips{display:grid;gap:19px}.ds-help-tips>section{display:grid;grid-template-columns:25px minmax(0,1fr);gap:13px}.ds-help-tips>section>span{font:9px/1.5 ui-monospace,monospace;color:var(--ds-accent);padding-top:4px}
.ds-help-tips h3{font-size:13px;line-height:1.5;font-weight:600;margin:0 0 5px}.ds-help-tips p{font-size:12px;line-height:1.8;color:var(--ds-muted);margin:0}
.ds-preview-mode{padding:18px;background:var(--ds-soft);border:1px solid var(--ds-line);border-radius:7px;margin-top:24px}.ds-preview-mode h3{font-size:14px;font-weight:600;margin:0 0 8px}.ds-preview-mode p{font-size:12px;line-height:1.75;color:var(--ds-muted);margin:0 0 15px}
.ds-mode-toggle{display:flex;align-items:center;gap:10px;background:var(--ds-paper);border:1px solid var(--ds-line);padding:9px 12px;border-radius:5px;color:var(--ds-ink);font-size:12px;cursor:pointer}
.ds-mode-toggle::before{content:"";display:block;width:23px;height:13px;border:1px solid var(--ds-line);border-radius:10px;background:radial-gradient(circle at 6px 5.5px,var(--ds-muted) 3px,transparent 3.5px)}
.ds-mode-toggle[aria-pressed=true]{border-color:var(--ds-accent);color:var(--ds-accent)}.ds-mode-toggle[aria-pressed=true]::before{background:radial-gradient(circle at 15px 5.5px,var(--ds-accent) 3px,transparent 3.5px);border-color:var(--ds-accent)}
.ds-help-footnote{font:10px/1.8 var(--sans,Arial,sans-serif);color:var(--ds-muted);margin:18px 0 0}
.ds-control-hint{position:fixed;inset:auto;margin:0;padding:9px 12px;width:max-content;max-width:min(285px,calc(100% - 24px));background:var(--ds-ink);color:var(--ds-paper);border:0;border-radius:5px;font:11px/1.65 var(--sans,Arial,sans-serif);box-shadow:0 5px 20px #0e1b2c20;pointer-events:none;z-index:1100}
.ds-control-hint::backdrop{background:transparent;pointer-events:none}

/* Quiet affordances on controls. No perpetual motion or scroll reveal gates. */
:where(button,summary,select,input[type=checkbox],input[type=radio],[role=tab],a){transition-property:background-color,color,border-color,box-shadow,opacity,transform;transition-duration:180ms;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
:where(button:not(:disabled),summary,select){cursor:pointer}
:where(button:not(:disabled)):active{transform:translateY(1px)}
:where(button[aria-pressed=true],button[aria-selected=true]){transition-duration:230ms}
:where(summary){outline-offset:5px}
:where(summary):hover{color:var(--accent,var(--ink,currentColor))}
:where(a:hover){text-underline-offset:4px}
:where(.n-resource,.reading-card,.example-card,.xp-goal-card,.co-dossier,.pv-project-card,[data-discovery-card]):hover{transform:translateY(-2px)}
:where(a,button)>[aria-hidden=true]:last-child{transition:transform 180ms ease}
:where(a,button):hover>[aria-hidden=true]:last-child{transform:translateX(2px)}
html[data-lssm-guidance=none] .ds-explore-button>span:last-child{display:none}
html[data-lssm-guidance=none] .ds-control-hint{display:none!important}
html[data-lssm-media=text] .ds-preview-visual{display:none}
html[data-lssm-media=text] .ds-preview-body{padding-top:28px}
html[data-lssm-data-depth=summary] .ds-preview-facts,html[data-lssm-data-depth=summary] .ds-preview-sections{display:none}
html[data-lssm-density=minimal] .ds-preview-summary{-webkit-line-clamp:2}
html[data-lssm-density=dense] .ds-preview-body{padding:15px 18px 12px}
html[data-lssm-density=dense] .ds-preview-title{font-size:19px}
html[data-lssm-pace=rapid] :where(button,summary,select,a){transition-duration:120ms}
html[data-lssm-pace=deliberate] :where(button,summary,select,a){transition-duration:260ms}
html[data-xp-motion=reduced] :is(.ds-preview,.ds-preview *,.ds-dock *,.ds-help *,.ds-control-hint,[data-animate-region]){animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){:where(button,summary,select,input[type=checkbox],input[type=radio],[role=tab],a){transition-duration:.001ms!important}.ds-preview,.ds-preview *,.ds-dock *,.ds-help *,.ds-control-hint,[data-animate-region]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.ds-preview{width:340px;border-radius:11px}.ds-preview-visual{height:105px}.ds-preview-body{padding:17px 19px 13px}.ds-preview-title{font-size:21px}.ds-preview-summary{font-size:13px;line-height:1.7;-webkit-line-clamp:3}.ds-preview-sections>a{font-size:12px;min-height:31px}.ds-preview-open{font-size:13px;min-height:32px}.ds-preview-instruction{font-size:8px}.ds-preview-close{width:32px;height:32px}.ds-dock{right:13px;bottom:max(13px,env(safe-area-inset-bottom))}.ds-dock button{min-height:42px;font-size:12px}.ds-help{padding:22px}.ds-help-tips p,.ds-preview-mode p{font-size:13px}.ds-help-intro{font-size:14px}.ds-mode-toggle{min-height:42px}.ds-preview-mode{padding:16px}.ds-control-hint{font-size:12px}}

/* Contextual discovery points to actual expandable content on this page. */
.ds-page-options{margin:22px 0 24px}.ds-page-options h3{font-size:11px;line-height:1.6;font-weight:550;margin:0 0 11px;color:#58664f}.ds-page-option-list{display:grid;gap:7px}.ds-page-option{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;border:1px solid #dce2d4;border-radius:6px;background:#f7f8f2;padding:12px 39px 12px 14px;color:#2a3625;cursor:pointer;transition:background .18s,border-color .18s}.ds-page-option:hover{background:#eef3e6;border-color:#9cae8b}.ds-page-option strong{font-size:12px;line-height:1.5;font-weight:550}.ds-page-option span{font-size:10px;line-height:1.5;color:#697561}.ds-page-option b{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:400;color:#60794e}.ds-page-option:focus-visible{outline:2px solid #647d50;outline-offset:2px}.ds-help-basics{border-top:1px solid #dce2d4;margin:20px 0}.ds-help-basics>summary{cursor:pointer;padding:17px 0;font-size:11px;line-height:1.5;color:#596650}.ds-help-basics .ds-help-tips{padding-top:3px}.ds-page-options[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.ds-page-option{transition:none}}html[data-xp-motion=reduced] .ds-page-option{transition:none}
