/* Publication-wide design refinements. Product Field Notes keep their own art direction. */
@font-face{font-family:Experience Inter;src:url('/agent37-inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ex-cream:#fdf0d5;--ex-paper:#fffaf0;--ex-ink:#003049;--ex-red:#c1121f;--ex-wine:#780000;--ex-sky:#669bbc;--ex-rule:#cfc1a6}
.ex-publication-signature{display:inline-block;font:850 32px/1 Experience Inter,Arial,sans-serif;letter-spacing:-3px;color:var(--ex-ink);padding:5px 7px}
[data-experience]{background:var(--ex-cream);color:var(--ex-ink);font-family:Experience Inter,Arial,sans-serif}
[data-experience] main{max-width:1600px;margin:auto}
[data-experience] *{box-sizing:border-box}
.ex-label{font:600 11px/1.5 Experience Inter,Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.ex-library-intro{padding:60px 5% 36px;max-width:1400px;margin:auto;border-bottom:1px solid var(--ex-rule)}
.ex-library-intro>div{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:22px 0}
.ex-library-intro h1{font-size:clamp(44px,6.2vw,86px);font-weight:650;line-height:1.02;letter-spacing:-.065em;margin:0}
.ex-library-intro h1 em{font:400 1.05em/1 Georgia,serif;color:var(--ex-wine)}
.ex-library-intro p{font-size:16px;line-height:1.7;max-width:340px;margin:0 0 4px}
.ex-library-intro>a{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px}
[data-experience=library] .notes-browser{padding:34px 0 48px;width:90%;max-width:1260px;margin:auto}
[data-experience=library] .browse-toolbar h2{font-size:25px;font-weight:600}
[data-experience=library] .browse-toolbar p{font-size:13px}
[data-experience=library] .note-search{width:360px}
[data-experience=library] .note-search label{font-size:12px}
[data-experience=library] .note-search input{background:var(--ex-paper);border:1px solid var(--ex-rule);border-radius:0;min-height:46px}
[data-experience=library] .category-filters{gap:8px;margin-top:24px}
[data-experience=library] .category-filter{border-radius:0;background:transparent;border-color:var(--ex-rule);font-size:12px;min-height:44px;padding:8px 12px}
[data-experience=library] .category-filter[aria-pressed=true]{background:var(--ex-ink);border-color:var(--ex-ink);color:var(--ex-cream)}
[data-experience=library] .browse-status{border-bottom:1px solid var(--ex-rule);margin-bottom:25px}
[data-experience=library] .browse-grid{gap:32px 25px}
[data-experience=library] .ex-library-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transition:transform .25s ease}
.ex-card-visual{aspect-ratio:1.76;overflow:hidden;border:1px solid #00304930;background:var(--ex-paper)}
.ex-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.ex-card-copy{padding:18px 0 23px;border-bottom:1px solid var(--ex-rule)}
.ex-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12px;font-weight:600}
.ex-card-meta small{font-size:10px;font-weight:400;color:#425761;text-align:right}
[data-experience=library] .ex-library-card h2{font-size:25px;line-height:1.18;font-weight:600;letter-spacing:-.04em;margin:15px 0 11px;max-width:none}
.ex-library-card h2 a{color:var(--ex-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ex-library-card h2 a:hover{color:var(--ex-wine)}
[data-experience=library] .ex-library-card p{font-size:14px;line-height:1.65;margin:0;color:#425761}
.ex-more,.ex-start-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ex-ink);background:var(--ex-ink);color:var(--ex-cream);padding:14px 22px;font:600 14px/1.4 Experience Inter,Arial,sans-serif;cursor:pointer;min-height:46px;text-decoration:none}
.ex-more{margin:30px auto 0;display:block}
.ex-more:hover,.ex-start-link:hover{background:var(--ex-wine);color:var(--ex-cream)}
.ex-more-reading{width:90%;max-width:1260px;margin:0 auto 42px;border-block:1px solid var(--ex-rule)}
.ex-more-reading>summary{padding:24px 0;cursor:pointer;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:24px;list-style:none}
.ex-more-reading>summary span{font-size:11px;font-weight:400;align-self:center}
.ex-more-reading>summary::-webkit-details-marker{display:none}
.ex-more-reading>div{padding:0 0 25px}
.ex-more-reading>div>:is(section,aside){width:100%!important;max-width:none!important;margin:25px 0!important}
[data-experience] .uip-signup{width:90%;max-width:1260px;margin:40px auto 60px!important}
[data-experience] :is(a,button,summary,input):focus-visible{outline:3px solid var(--ex-red);outline-offset:5px}
.ex-sketch{aspect-ratio:1.76;background:var(--ex-ink);color:var(--ex-cream);padding:25px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #00304930;overflow:hidden}
.ex-sketch>span{font-size:clamp(16px,2vw,25px);font-weight:600;letter-spacing:-.04em}
.ex-sketch small{font-size:9px;letter-spacing:1px}
.ex-sketch-nodes{display:flex;align-items:center;gap:8px;width:90%;margin:15px 0}
.ex-sketch-nodes i{display:block;aspect-ratio:1;flex:1;border:1px solid currentColor;position:relative}
.ex-sketch-nodes i:nth-of-type(2){background:var(--ex-red);border-color:var(--ex-red);border-radius:50%}
.ex-sketch-nodes i:last-child:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:26px}
.ex-sketch-nodes b{height:1px;flex:.35;background:currentColor}
.ex-mini-finder{background:var(--ex-paper);color:var(--ex-ink);padding:14px;margin:14px 0;box-shadow:6px 6px 0 #669bbc55}
.ex-mini-finder>span{font-size:8px;letter-spacing:1px}.ex-mini-finder>strong{display:block;font-size:15px;font-weight:600;margin-top:9px;letter-spacing:-.03em}
.ex-mini-finder>div{display:flex;gap:6px;margin-top:14px}.ex-mini-finder i{font:500 9px Experience Inter,Arial,sans-serif;padding:6px 8px;border:1px solid var(--ex-rule)}
.ex-mini-launch{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0}
.ex-mini-launch i{display:block;background:var(--ex-paper);color:var(--ex-ink);border:1px solid var(--ex-rule);font:600 11px/1.6 Experience Inter,Arial,sans-serif;padding:15px 10px;transform:rotate(-7deg);box-shadow:4px 5px 0 #00304920;flex:1}
.ex-mini-launch i:nth-child(2){transform:rotate(4deg);background:var(--ex-cream)}.ex-mini-launch i:last-child{transform:rotate(-3deg);background:#dbe8ec}.ex-mini-launch small{display:block;font-size:9px;margin-bottom:12px}
.ex-sketch-content,.ex-sketch-launch{background:var(--ex-wine)}
.ex-sketch-customer,.ex-sketch-workflow{background:#dbe8ec;color:var(--ex-ink)}
.ex-sketch-building{background:var(--ex-paper);color:var(--ex-ink)}
.ex-tool-grid{width:90%;max-width:1260px;margin:42px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ex-tool-card{display:flex;flex-direction:column;min-width:0}
.ex-tool-card .ex-sketch{padding:20px;min-height:230px}
.ex-tool-card .ex-sketch>span{font-size:16px;line-height:1.35;letter-spacing:-.02em}
.ex-tool-card .ex-mini-finder{margin:10px 0;padding:10px}
.ex-tool-card>.ex-label{margin-top:23px;font-size:10px}
.ex-tool-card h2{font-size:29px;line-height:1.1;letter-spacing:-.05em;margin:14px 0}
.ex-tool-card h2 a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
.ex-tool-card p{font-size:14px;line-height:1.7;max-width:330px;margin:0 0 25px}
.ex-tool-link{display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-bottom:1px solid var(--ex-ink);padding:12px 0;margin-top:auto}
.ex-tool-link span{font-size:24px;line-height:1}
.ex-task-paths{width:90%;max-width:1260px;margin:65px auto 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ex-task-paths h2{grid-column:1/-1;font-size:29px;font-weight:600;letter-spacing:-.04em}
.ex-task-paths a{border-top:1px solid var(--ex-rule);padding:18px 0}
.ex-task-paths span{display:block;font-size:11px;margin-bottom:10px;color:#425761}
.ex-task-paths strong{font-size:18px;font-weight:600}
/* Older guides gain breathing room, an explanatory figure and a small explorer. */
[data-experience=visual-note] article.reading{max-width:1000px;padding-inline:5%;margin-inline:auto}
[data-experience=visual-note] .uip-article-opening{display:block!important;width:100%;margin:0 0 32px}
[data-experience=visual-note] .uip-opening-copy{width:100%}
[data-experience=visual-note] article.reading>h1{font-size:clamp(37px,5vw,68px);line-height:1.06;letter-spacing:-.055em}
[data-experience=visual-note] article.reading>h2{font-size:30px;line-height:1.2;margin-top:52px;padding-top:25px;border-top:1px solid var(--ex-rule);letter-spacing:-.04em}
[data-experience=visual-note] article.reading>p,[data-experience=visual-note] article.reading>ul,[data-experience=visual-note] article.reading>ol{font-size:17px;line-height:1.85}
[data-experience=visual-note] article.reading pre{background:var(--ex-paper);border:1px solid var(--ex-rule);font-size:14px;line-height:1.75}
.ex-visual-note{margin:38px 0 48px;background:var(--ex-ink);color:var(--ex-cream);padding:32px;clear:both;border-radius:0}
.ex-visual-head h2{font-size:clamp(27px,3.4vw,43px);line-height:1.12;letter-spacing:-.045em;color:var(--ex-cream);margin:20px 0 14px}
.ex-visual-head h2 em{font-family:Georgia,serif;font-weight:400}
.ex-visual-head>p{font-size:13px;line-height:1.7;color:#dbe8ec}
.ex-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;list-style:none;padding:0!important;margin:28px 0!important}
.ex-flow li{padding:0;margin:0!important;min-width:0}
.ex-flow button>span{display:block;font-size:11px;margin-bottom:12px}
.ex-flow strong{font-size:13px;font-weight:500;line-height:1.45;display:block}
.ex-step-choices{border-top:1px solid #669bbc70;padding-top:24px}
.ex-step-choices button{font:500 12px/1.5 Experience Inter,Arial,sans-serif;border:1px solid #669bbc90;background:transparent;color:var(--ex-cream);padding:14px 12px;cursor:pointer;min-height:100px;height:100%;width:100%;text-align:left}
.ex-step-choices button[aria-pressed=true]{background:var(--ex-cream);color:var(--ex-ink);border-color:var(--ex-cream)}
.ex-step-choices button:disabled{cursor:default}
.ex-step-panels{padding:26px 0 6px}
.ex-step-panel h3{font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:12px 0;color:var(--ex-cream)}
.ex-step-panel p{font-size:15px;line-height:1.8;max-width:640px;margin-bottom:0;color:#e7eef1}
.ex-step-panel:not(:last-child){margin-bottom:24px}
.ex-step-panel[hidden]{display:none!important}
.ex-caption{font-size:11px!important;line-height:1.7!important;color:#bdd8e5;margin:24px 0 0!important;border-top:1px solid #669bbc70;padding-top:16px}
/* Keep existing tools functional; use a shared material and sharper active states. */
.finder-page .f-hero{padding-top:38px;padding-bottom:30px}
.finder-page .f-hero h1{font-size:clamp(38px,4.2vw,62px)}
.finder-page .f-orbit{border-radius:0}
.finder-page #finder{scroll-margin-top:20px;border-radius:0;box-shadow:0 12px 30px #0030490a}
.finder-page .f-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--ex-red)}
.finder-page .f-context{background:var(--ex-paper)}
.finder-page .f-card{border-radius:0;border-top:3px solid var(--ex-ink)}
.finder-page .f-examples button{min-height:44px;border-radius:0}
.finder-page .ex-start-link{margin-top:22px;font-size:13px}
.finder-page .f-save-bar{border-top:1px solid var(--ex-rule)}
.wb-shell{font-family:Experience Inter,Arial,sans-serif}
.wb-shell .wb-heading h1{letter-spacing:-.055em}
.wb-shell .wb-heading.uip-opening{display:block!important}
.wb-shell .wb-heading>a{display:inline-block;margin-top:16px;font-size:13px}
.wb-shell .wb-inputs,.wb-shell .wb-card,.wb-shell .wb-map{border-radius:0;border-color:var(--ex-rule);background:var(--ex-paper)}
.wb-shell .wb-map{display:flex;flex-direction:column;gap:0;background:var(--ex-ink);padding:25px}
.wb-shell .wb-map>a,.wb-shell .wb-map>a:last-child{border-radius:0;background:var(--ex-paper);color:var(--ex-ink);border:0;border-left:3px solid var(--ex-red)}
.wb-shell .wb-connector{color:var(--ex-cream);font-size:12px;padding:8px 15px}
.wb-shell .wb-number{border-radius:50%;background:var(--ex-cream);color:var(--ex-wine)}
.wb-shell .wb-card{border-top:3px solid var(--ex-ink);padding:24px}
.wb-shell .wb-card details.ex-tool-detail{padding-block:14px;border-block:1px solid var(--ex-rule);margin:20px 0}
.wb-shell .ex-tool-detail>summary{font-size:13px;font-weight:500}
.wb-shell .wb-checklist input:checked{accent-color:var(--ex-wine)}
.wb-shell .wb-check:has(input:checked){color:var(--ex-wine)}
/* Homepage: keep its identity, add controlled depth and readable word spacing. */
.open-desk-edition .masthead>span{letter-spacing:-.068em;font-size:10.65vw;word-spacing:.08em}
.open-desk-edition .card-picture img{transform:translate(var(--desk-art-x,0px),var(--desk-art-y,0px)) scale(1.035);transition:transform .25s ease-out}
.open-desk-edition .desk-card[data-slot="0"]:focus-within{outline:2px solid var(--ex-red);outline-offset:5px}
.open-desk-edition .story-picture img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.open-desk-edition .goal-picker button{min-height:40px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not(.quiet-mode) .ex-library-card:hover{transform:translateY(-4px)}
 html:not(.quiet-mode) .ex-library-card:hover img{transform:scale(1.035)}
 html:not(.quiet-mode) .editorial-story:hover .story-picture img{transform:scale(1.035)}
 html:not(.quiet-mode) .ex-tool-card:hover .ex-sketch-nodes i:nth-of-type(2){transform:rotate(12deg)}
 .ex-sketch-nodes i{transition:transform .3s ease}
}
.quiet-mode .card-picture img{transform:none!important;transition:none!important}
@media(min-width:1600px){.open-desk-edition .masthead>span{font-size:170px}}
@media(max-width:800px){
 .ex-library-intro{padding-top:36px}.ex-library-intro>div{display:block;margin-top:18px}.ex-library-intro p{margin-top:25px;max-width:500px;font-size:15px}
 .ex-tool-grid{grid-template-columns:1fr;gap:36px}.ex-tool-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.ex-tool-card .ex-sketch{grid-row:1/5;aspect-ratio:1.1;min-height:230px}.ex-tool-card>.ex-label{margin-top:0;font-size:9px}.ex-tool-card h2{font-size:25px}.ex-tool-card p{font-size:13px;margin-bottom:10px}
 .ex-task-paths{grid-template-columns:1fr;gap:5px}.ex-task-paths h2{font-size:26px;margin-bottom:20px}
 .ex-more-reading>summary{font-size:17px}.ex-more-reading>summary span{display:none}.ex-more-reading>summary:after{content:'+'}
 .ex-visual-note{padding:22px}.ex-flow{grid-template-columns:repeat(2,1fr)}
 .finder-page .f-hero h1{font-size:43px}.finder-page .f-orbit{display:none}
}
@media(max-width:650px){
 [data-experience=library] .browse-toolbar{display:block}[data-experience=library] .note-search{width:100%;margin-top:22px}
 [data-experience=library] .browse-grid{grid-template-columns:1fr;gap:28px}
 [data-experience=library] .ex-library-card{display:block}[data-experience=library] .ex-library-card h2{font-size:25px;max-width:none}
 .ex-card-visual,.ex-library-card .ex-sketch{aspect-ratio:1.85}
 .ex-sketch>span{font-size:24px}.ex-sketch-nodes{width:65%;margin:8px 0}.ex-sketch-nodes i{max-height:55px}
 .ex-tool-card{display:flex}.ex-tool-card .ex-sketch{aspect-ratio:1.85;min-height:230px}.ex-tool-card>.ex-label{margin-top:22px}
 .ex-tool-card h2{font-size:31px}.ex-tool-card p{font-size:14px;margin-bottom:14px}
 .ex-step-panel h3{font-size:23px}.ex-step-panel p{font-size:14px}
 [data-experience=visual-note] article.reading>p,[data-experience=visual-note] article.reading>ul,[data-experience=visual-note] article.reading>ol{font-size:16px;line-height:1.8}
 .open-desk-edition .masthead>span{font-size:10.2vw;letter-spacing:-.06em}
 .wb-shell .wb-card{padding:20px}.wb-shell .wb-map{padding:18px}
}
@media(prefers-reduced-motion:reduce){.card-picture img{transform:none!important}.ex-card-visual img,.ex-library-card,.story-picture img,.ex-sketch-nodes i{transition:none!important}}
@media print{.ex-more,.ex-step-choices,.ex-start-link{display:none!important}.ex-library-card[hidden],.ex-step-panel[hidden]{display:block!important}.ex-visual-note{background:white;color:black;border:1px solid #999;break-inside:avoid}.ex-visual-note *{color:black!important}}