/* A collected field atlas, using only the established SHHP design tokens. */
.shp-root .knowledge-atlas{margin-top:var(--sp-7);border-top:3px solid var(--c-brand);padding-top:var(--sp-6)}
.shp-root .info-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:var(--sp-5);margin-bottom:var(--sp-5)}
.shp-root .info-heading h2{font-size:var(--fs-h1);max-width:15ch;text-wrap:balance}
.shp-root .info-heading p{max-width:42ch;font-size:var(--fs-label)}
.shp-root .info-unlock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-6)}
.shp-root .info-unlock>div{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;align-content:start;border-top:3px dashed var(--c-disabled-line);padding-top:12px;min-width:0;color:var(--c-text-muted)}
.shp-root .info-unlock b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-surface-sunk);grid-row:1/3;font-size:var(--fs-caption)}
.shp-root .info-unlock span{font-size:var(--fs-label);font-weight:700;line-height:1.2}
.shp-root .info-unlock small{font-size:var(--fs-caption)}
.shp-root .info-unlock .is-revealed{border-top-style:solid;border-top-color:var(--c-brand);color:var(--c-text)}
.shp-root .info-unlock .is-revealed b{background:var(--c-accent);color:var(--c-on-accent)}
.shp-root .info-empty{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-6);background:var(--c-surface-sunk)}
.shp-root .info-empty>svg{width:72px;height:72px;color:var(--c-brand)}
.shp-root .info-empty h3{font-size:var(--fs-h2);margin:0 0 12px;line-height:1.2}
.shp-root .info-empty p{max-width:65ch;font-size:var(--fs-label)}
.shp-root .info-panel{margin-top:var(--sp-6);padding:var(--sp-6);background:var(--c-surface);border:var(--bw-base) solid var(--c-line);border-radius:var(--r-l);text-align:left;overflow:hidden}
.shp-root .info-panel>header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding:0 0 var(--sp-5);margin:0 0 var(--sp-5);border-bottom:1px solid var(--c-line)}
.shp-root .info-panel h3{font-size:var(--fs-h2);line-height:1.2;margin:0;color:var(--c-brand)}
.shp-root .info-panel>header>span{font-size:var(--fs-caption);color:var(--c-text-muted)}
.shp-root .info-panel h4{font-size:var(--fs-label);line-height:1.3;margin:0 0 var(--sp-3)}
.shp-root .info-panel p{font-size:var(--fs-label);margin:var(--sp-4) 0 0;line-height:var(--lh-body)}
.shp-root .info-panel svg{width:48px;height:48px;color:var(--c-brand)}
.shp-root .info-panel .info-caption{font-size:var(--fs-caption);color:var(--c-text-muted)}
.shp-root .info-territory{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:var(--sp-6)}
.shp-root .info-forest{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;color:var(--c-brand)}
.shp-root .info-forest svg{width:100%;height:auto;aspect-ratio:1;stroke-width:2.2}
.shp-root .info-forest svg:nth-child(3n){color:var(--c-accent)}
.shp-root .info-quantity{display:flex;flex-direction:column;font-variant-numeric:tabular-nums;line-height:1.1}
.shp-root .info-quantity>span{font-size:var(--fs-label)}
.shp-root .info-quantity strong{font-size:clamp(48px,6vw,88px);font-weight:700;letter-spacing:-.035em;color:var(--c-brand);margin:4px 0 10px}
.shp-root .info-purpose{display:flex;flex-direction:column;gap:8px;background:var(--c-surface-sunk);padding:var(--sp-4);margin-top:var(--sp-5);font-size:var(--fs-label)}
.shp-root .info-purpose>span{font-size:var(--fs-caption);color:var(--c-text-muted)}
.shp-root .info-redbook-body{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-7)}
.shp-root .tiger-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:6px;margin-top:var(--sp-5)}
.shp-root .tiger-grid i{height:18px;background:var(--c-accent);border-radius:3px;border:1px solid var(--c-line-strong)}
.shp-root .info-border{display:grid;grid-template-columns:auto 48px auto;align-items:center;gap:8px;margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-line);font-size:var(--fs-label)}
.shp-root .info-border>span{text-align:center;font-size:32px;color:var(--c-brand)}
.shp-root .info-border small{grid-column:1/-1;font-size:var(--fs-caption);color:var(--c-text-muted)}
.shp-root .info-editions{display:grid;grid-template-columns:48px 1fr 1fr;gap:var(--sp-4);padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);border-bottom:1px solid var(--c-line)}
.shp-root .info-editions div{display:flex;flex-direction:column;gap:6px}
.shp-root .info-editions b{font-size:var(--fs-h2);font-variant-numeric:tabular-nums}
.shp-root .info-editions span{font-size:var(--fs-caption);line-height:1.3}
.shp-root .info-rarity{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.shp-root .info-rarity>div{display:flex;flex-direction:column;gap:10px}
.shp-root .info-rarity b{font-size:48px;line-height:1;font-variant-numeric:tabular-nums;color:var(--c-brand)}
.shp-root .info-rarity span{font-size:var(--fs-caption);line-height:1.4}
.shp-root .info-flow{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:start;gap:var(--sp-4)}
.shp-root .info-node{display:flex;flex-direction:column;gap:12px;min-width:0}
.shp-root .info-node>strong{font-size:var(--fs-label);line-height:1.3}
.shp-root .info-node>span{font-size:var(--fs-label);line-height:var(--lh-body);color:var(--c-text-muted)}
.shp-root .info-link{margin-top:8px;font-size:32px;color:var(--c-brand)}
.shp-root .info-consumption-body{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--sp-6)}
.shp-root .info-take{padding:var(--sp-5);background:var(--c-surface-sunk);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.shp-root .info-take>strong{display:flex;flex-direction:column;font-size:var(--fs-h2);line-height:1.15;margin-top:var(--sp-4)}
.shp-root .info-take>strong>span{font-size:36px;color:var(--c-brand)}
.shp-root .info-special{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-6)}
.shp-root .info-special>span{padding:8px 12px;background:var(--c-selected);font-size:var(--fs-label);font-weight:700;color:var(--c-on-selected)}
.shp-root .info-hazard{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;height:140px}
.shp-root .info-hazard>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;gap:8px}
.shp-root .info-hazard i{display:block;height:calc(var(--level)*19px);background:var(--c-brand);border-top:5px solid var(--c-accent)}
.shp-root .info-hazard b{font-size:var(--fs-label)}
.shp-root .info-scale-labels{display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:8px;font-size:var(--fs-caption);color:var(--c-text-muted)}
.shp-root .info-scale-labels>span{max-width:20ch}.shp-root .info-scale-labels>span:last-child{text-align:right}
.shp-root .info-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
.shp-root .info-inspector{margin-top:var(--sp-5);padding:var(--sp-4);background:var(--c-surface-sunk);font-size:var(--fs-label)}
.shp-root .info-inspector>div{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-4)}
.shp-root .info-inspector span{display:flex;align-items:center;gap:10px;flex:1}
.shp-root .info-inspector b{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:var(--c-accent);border-radius:50%}
.shp-root .info-inspector i{font-style:normal;font-size:28px}
.shp-root .saved>.info-panel{margin-top:var(--sp-6)}
@media(max-width:850px){.shp-root .info-unlock{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.shp-root .info-redbook-body{gap:var(--sp-5)}.shp-root .info-editions{grid-template-columns:1fr 1fr}.shp-root .info-editions>svg{display:none}.shp-root .info-panel{padding:var(--sp-5)}}
@media(max-width:700px){.shp-root .info-heading,.shp-root .info-territory,.shp-root .info-redbook-body,.shp-root .info-consumption-body{grid-template-columns:1fr}.shp-root .info-heading h2{max-width:none}.shp-root .info-panel{padding:var(--sp-4)}.shp-root .info-panel>header{flex-direction:column;gap:8px}.shp-root .info-unlock{grid-template-columns:1fr 1fr}.shp-root .info-unlock span{font-size:var(--fs-label)}.shp-root .info-empty{padding:var(--sp-4);align-items:flex-start;gap:var(--sp-3)}.shp-root .info-empty>svg{width:40px;height:40px}.shp-root .info-forest{gap:8px}.shp-root .info-quantity strong{font-size:64px}.shp-root .info-flow{grid-template-columns:1fr;gap:var(--sp-3)}.shp-root .info-node{display:grid;grid-template-columns:40px 1fr;gap:8px 12px}.shp-root .info-node svg{grid-row:1/3;width:40px;height:40px}.shp-root .info-node span{grid-column:2}.shp-root .info-link{transform:rotate(90deg);justify-self:start;margin:0 0 0 7px;line-height:1}.shp-root .info-roles{grid-template-columns:1fr;gap:var(--sp-5)}.shp-root .info-inspector>div{flex-direction:column;align-items:stretch}.shp-root .info-inspector i{transform:rotate(90deg);align-self:flex-start;margin-left:8px}.shp-root .info-take>strong{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.shp-root .info-scale-labels{font-size:var(--fs-caption)}.shp-root .tiger-grid{gap:4px}.shp-root .tiger-grid i{height:14px}.shp-root .info-forest svg{max-height:48px}}
@media(prefers-reduced-motion:no-preference){.shp-root .saved>.info-panel{animation:atlas-reveal .6s cubic-bezier(.16,1,.3,1)}@keyframes atlas-reveal{from{clip-path:inset(0 0 10% 0)}to{clip-path:inset(0)}}}

.shp-root .info-panel{hyphens:manual}.shp-root .info-panel>header{width:100%}.shp-root .info-redbook-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
@media(max-width:700px){.shp-root .info-redbook-body{grid-template-columns:1fr}}

.shp-root .info-jump{display:inline-flex;align-items:center;min-height:var(--target);font-size:var(--fs-label);font-weight:700;color:var(--c-brand);text-underline-offset:5px}