/* Pin search + continuous measurement. Kept separate for prototype review. */
.pin-search{position:relative;background:radial-gradient(ellipse at 80% 52%,#1b271d 0, #101610 42%,#0b0f0c 78%);border-top:1px solid var(--line);scroll-margin-top:0}
.pin-search-sticky{padding-top:var(--header);padding-bottom:28px}
.pin-search-enhanced{height:320svh}
.pin-search-enhanced .pin-search-sticky{position:sticky;top:0;height:100svh;min-height:640px;display:flex;flex-direction:column}
.pin-search .section-topline{padding-top:28px}
.pin-search-layout{display:grid;grid-template-columns:.88fr 1.12fr;grid-template-rows:auto auto;column-gap:6%;row-gap:28px;align-content:center;flex:1;padding-block:36px}
.pin-search-copy{align-self:end}
.pin-search-kicker{font-size:12px;letter-spacing:.07em;color:var(--accent);margin-bottom:22px}
.pin-search-copy h2{font-size:clamp(35px,3.5vw,58px);font-weight:500;line-height:1.42;letter-spacing:-.025em}
.pin-search-copy h2>span{color:#a8b59d}
.pin-search-copy h2>.title-line:first-child{color:var(--ink)}
.pin-search-intro{font-size:12px;line-height:2.1;color:#a3afa2;margin-top:22px}
.pin-search-demo{grid-column:2;grid-row:1/3;min-width:0;align-self:center}
.pin-search-view{position:relative;border:1px solid #4a584548;background:#17261b;overflow:hidden;box-shadow:0 30px 70px #0003}
.pin-search-view-label{position:absolute;z-index:2;inset:20px 22px auto;display:flex;justify-content:space-between;color:#c6d4bc;font:8px Arial,sans-serif;letter-spacing:.16em}
.pin-search-view-label span:last-child{color:#afc3a1}
.pin-search-landscape{width:100%;height:auto;overflow:hidden}
.pin-search-world{transform:translateX(100px);will-change:transform}
.pin-search-tree-label,.pin-search-pin-label{font:15px Arial,"Yu Gothic",sans-serif;fill:#e2e7d7;letter-spacing:.03em}
.pin-search-svg-distance{font:20px Arial,sans-serif;letter-spacing:.04em}
.pin-search-pin-label{opacity:0;fill:#d5edb6;transition:opacity .35s}
.pin-search-digits{font:64px "Courier New",monospace;letter-spacing:-3px;fill:#ff6552;filter:drop-shadow(0 0 4px #ff493c50)}
.pin-search-unit,.pin-search-mode{font:20px "Courier New",monospace;fill:#ff6552}
.pin-search-unit{font-size:17px}
.pin-search-hud{opacity:.25;transition:opacity .25s}
.pin-search-lock{opacity:0;filter:drop-shadow(0 0 4px #70ff5140)}
.pin-search-lock-caption{font:14px Arial,"Yu Gothic",sans-serif;fill:#d5edb6;opacity:0}
.pin-search-sweep{opacity:.4}
.pin-search-hold{display:flex;align-items:center;gap:14px;padding:15px 22px;background:#0c150fde;border-top:1px solid #9fae8e26;min-height:80px}
.pin-search-button{width:42px;height:42px;position:relative;flex:none;display:grid;place-items:center}
.pin-search-button svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#455440;stroke-width:1.4;transform:rotate(-90deg)}
.pin-search-button>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #647357;border-radius:50%;font:17px Arial,sans-serif;background:#253222;transition:background .2s,color .2s}
.pin-search-hold-ring{stroke:#d5ecb8;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
.pin-search-hold small{display:block;font-size:9px;letter-spacing:.07em;color:#9eaf95;margin-bottom:6px}
.pin-search-hold strong{display:block;font-size:12px;font-weight:500}
.pin-search-live{margin-left:auto;display:flex;align-items:center;gap:6px;font:8px Arial,sans-serif;letter-spacing:.13em;color:#879c7c}
.pin-search-live i{width:4px;height:4px;border-radius:50%;background:currentColor}
.pin-search-note{font-size:9px;color:#93a18a;margin-top:14px;line-height:1.6;text-align:center}
.pin-search-controls{align-self:start}
.pin-search-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pin-search-steps button{background:none;text-align:left;border-top:1px solid #43503d;padding:15px 0 12px;display:flex;flex-wrap:wrap;gap:13px 8px;align-items:center;color:#95a08c;transition:color .2s,border-color .2s}
.pin-search-steps button>span:first-child{font:10px Arial,sans-serif;letter-spacing:.06em;flex-basis:100%}
.pin-search-steps strong{font-weight:500;font-size:12px;white-space:nowrap}
.pin-search-step-arrow{font:14px Arial,sans-serif;margin-left:auto;opacity:0}
.pin-search-steps button[aria-pressed=true]{color:#e0efca;border-color:#c6dfa8}
.pin-search-steps button[aria-pressed=true] .pin-search-step-arrow{opacity:1}
.pin-search-steps button:hover{color:#e0efca}
.pin-search-explanation{font-size:12px;color:#b6c4ad;line-height:1.9;min-height:3.8em;max-width:36em;margin-top:14px}
.pin-search-summary{font-size:11px;line-height:1.9;color:#a3afa2;margin-top:14px}
.pin-search-enhanced .pin-search-summary{display:none}
.pin-search-footer{display:flex;align-items:center;gap:28px;font-size:10px;color:#a0af93;padding-top:12px}
.pin-search-scroll-hint{display:none;align-items:center;gap:22px}
.pin-search-enhanced .pin-search-scroll-hint{display:flex}
.pin-search-progress{height:1px;background:#364330;flex:1;max-width:160px;overflow:hidden}
.pin-search-progress>span{display:block;height:100%;background:#c6dfa8;transform:scaleX(0);transform-origin:left}
.pin-search-footer>a{margin-left:auto;display:flex;gap:30px;padding-block:10px}
.pin-search.is-measuring .pin-search-hud{opacity:1}
.pin-search.is-measuring .pin-search-button>span{background:#c6dfa8;color:#101c0d}
.pin-search.is-measuring .pin-search-live{color:#d4e6be}
.pin-search.is-locked .pin-search-lock{opacity:1}
.pin-search.is-locked .pin-search-pin-label,.pin-search.is-locked .pin-search-lock-caption{opacity:1}
.pin-search.is-locked .pin-search-tree-label{opacity:.5}
.pin-search.is-locked .pin-search-lock.is-blinking{animation:pin-search-confirm 1.2s steps(1,end) 4}
@keyframes pin-search-confirm{0%,65%,100%{opacity:1}66%,99%{opacity:.18}}
@media(min-width:761px) and (max-height:780px){
 .pin-search-layout{row-gap:18px;padding-block:22px}.pin-search-copy h2{font-size:40px}.pin-search-kicker{margin-bottom:12px}.pin-search-intro{margin-top:14px}.pin-search-demo{max-width:590px;justify-self:end}.pin-search-sticky{padding-bottom:15px}
}
@media(max-width:1100px) and (min-width:761px){
 .pin-search-layout{column-gap:4%;grid-template-columns:1fr 1.1fr}.pin-search-steps{gap:9px}.pin-search-step-arrow{display:none}.pin-search-copy h2{font-size:36px}.pin-search-intro{font-size:11px}.pin-search-steps strong{font-size:11px}
}
@media(max-width:760px){
 .pin-search-enhanced{height:300svh}.pin-search-sticky{padding-bottom:84px}.pin-search-enhanced .pin-search-sticky{min-height:600px}
 .pin-search .section-topline{padding-top:16px}.pin-search .section-topline .eyebrow{font-size:8px;letter-spacing:.13em}.pin-search .section-number{margin-right:10px}.pin-search .chapter-label{display:none}
 .pin-search-layout{grid-template-columns:1fr;gap:16px;align-content:center;padding-top:18px;padding-bottom:12px;max-width:530px}
 .pin-search-copy{align-self:auto}.pin-search-kicker{font-size:10px;margin-bottom:10px}.pin-search-copy h2{font-size:31px;line-height:1.35}.pin-search-copy h2 br{display:none}.pin-search-copy h2>span{display:block}.pin-search-intro{font-size:10px;line-height:1.8;margin-top:10px}
 .pin-search-demo{grid-column:auto;grid-row:auto}.pin-search-view-label{inset:12px 14px auto;font-size:6px;letter-spacing:.13em}.pin-search-hold{min-height:54px;padding:9px 14px;gap:10px}.pin-search-button{width:33px;height:33px}.pin-search-button>span{width:22px;height:22px;font-size:14px}.pin-search-hold small{font-size:8px;margin-bottom:4px}.pin-search-hold strong{font-size:10px}.pin-search-live{font-size:7px}.pin-search-note{font-size:8px;margin-top:8px}
 .pin-search-steps{gap:12px}.pin-search-steps button{padding:9px 0 4px;gap:5px 7px;min-height:44px}.pin-search-steps button>span:first-child{font-size:8px}.pin-search-steps strong{font-size:10px}.pin-search-step-arrow{font-size:12px}.pin-search-explanation{font-size:10px;line-height:1.8;min-height:3.6em;margin-top:10px}.pin-search-summary{font-size:10px}
 .pin-search-footer{font-size:8px;gap:14px;padding-top:0}.pin-search-scroll-hint{gap:10px}.pin-search-progress{max-width:65px}.pin-search-footer>a{gap:8px;padding-block:6px}
}
@media(max-width:760px) and (max-height:740px){
 .pin-search .section-topline{padding-top:10px}.pin-search-layout{gap:10px;padding-top:10px;padding-bottom:5px}.pin-search-kicker{font-size:9px;margin-bottom:5px}.pin-search-copy h2{font-size:26px}.pin-search-intro{font-size:9px;margin-top:6px}.pin-search-landscape{height:175px}.pin-search-hold{min-height:46px;padding-block:6px}.pin-search-note{margin-top:5px;font-size:7px}.pin-search-explanation{margin-top:6px}.pin-search-sticky{padding-bottom:76px}
}
@media(max-width:360px) and (max-height:740px){
 .pin-search-layout{gap:8px}.pin-search-copy h2{font-size:24px}.pin-search-landscape{height:165px}.pin-search-explanation{font-size:9px}
}
/* Short landscape windows, zoomed layouts and reduced motion remain readable,
   with step buttons instead of a pinned animation. */
@media(max-height:580px), (prefers-reduced-motion:reduce){
 .pin-search-enhanced{height:auto}.pin-search-enhanced .pin-search-sticky{position:relative;height:auto;min-height:0}.pin-search-layout{padding-block:36px}.pin-search-scroll-hint,.pin-search-enhanced .pin-search-scroll-hint,.pin-search-progress{display:none}.pin-search-enhanced .pin-search-summary{display:block}.pin-search-world{will-change:auto}
}
@media(prefers-reduced-motion:reduce){.pin-search-lock.is-blinking{animation:none!important}}
@media print{.pin-search-enhanced{height:auto}.pin-search-enhanced .pin-search-sticky{position:static;height:auto;min-height:0}.pin-search-summary,.pin-search-enhanced .pin-search-summary{display:block}.pin-search-footer{display:none}.pin-search-world{transform:none!important}.pin-search-hud,.pin-search-pin-label,.pin-search-lock{opacity:1!important}.pin-search-copy h2 .title-line-text{opacity:1!important;transform:none!important}}