/* compact.css — parallax の画面を詰める層（compact.js とセット） */
.wrap.compact{max-width:1500px;gap:8px}
.compact .crumb{font-size:12px}
.compact header.top{gap:2px}
.compact .topic-heading h1{font-size:22px}
.compact .topic-savebar{margin-top:4px;gap:6px 10px;font-size:11.5px}
.compact .topic-savebar button{font-size:11.5px;padding:3px 10px}
.compact .perspective-setting{margin-top:2px;font-size:11.5px}

/* 案内は一行 */
.compact .compact-help{display:flex;flex-wrap:wrap;gap:4px 24px;font-size:12px}
.compact .compact-help > details{flex:0 1 auto;border:0;background:transparent;padding:0;margin:0}
.compact .compact-help > details[open]{flex-basis:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.compact .compact-help summary{cursor:pointer;color:var(--accent);padding:2px 0}

/* 期間バー：補助を小さく */
.compact .period-toolbar{padding:8px 14px}
.compact .period-toolbar .rangehead button{font-size:11px;padding:4px 9px}
.compact .period-toolbar .period-options{gap:4px 14px;font-size:11px}

/* 操作欄：場所・目線・資料を横に */
.compact .control-strip .ctrl{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:6px 24px;align-items:start}
.compact .control-strip .georow{display:block;border:0;padding:0;grid-row:1 / span 2}
.compact .control-strip .georow[hidden]{display:none}
.compact .control-strip .ring-figure{display:none}
.compact .control-strip .geoctl{width:100%}
.compact .control-strip .geoctl .rangehead{display:flex;gap:8px;align-items:baseline}
.compact .control-strip .geoctl input[type=range]{width:100%;accent-color:var(--accent)}
.compact .control-strip .axis.row{display:flex;gap:10px;align-items:baseline;border:0;padding:0}
.compact .control-strip .axis.row .lab{flex:0 0 5em;font-size:12px;font-weight:700}
.compact .control-strip .foci{gap:4px}
.compact .control-strip .foci button{font-size:11.5px;padding:3px 9px;min-height:26px}
.compact .control-strip .foci button small{font-size:10px}
.compact .control-strip .focus-group{flex-basis:100%;font-size:11px;color:var(--muted);margin-top:2px}
.compact .control-strip .stanceRow[hidden],.compact .control-strip #stanceRow[hidden]{display:none}
.compact .wrap[data-mode=guide] .axis.cur,.compact[data-mode=guide] .axis.cur{outline-offset:2px}

/* 二列 */
.compact .workspace{grid-template-columns:minmax(0,1fr) 360px}
.compact .scope-column[hidden]{display:none}
.compact .exploration{grid-column:1;grid-row:1}
.compact .view-summary{grid-column:2;grid-row:1}
.compact .column-title{font-size:14px}
.compact .column-title > span{display:none}
.compact .compact-count{margin:0;font-size:11px;color:var(--muted)}
.compact .compact-list{font-size:12px}
.compact .compact-list > summary{cursor:pointer;color:var(--accent);padding:2px 0}
.compact .information-details.compact-open > summary{display:none}
.compact .information-details .tabs{margin-top:2px}

/* 右：比較の候補は一件だけ */
.compact #comparisonBrowser:not(.show-all) .comparison-cards > :nth-child(n+2){display:none}
.compact .comparison-head p{font-size:11.5px}

@media(max-width:1150px){
  .compact .workspace{grid-template-columns:minmax(0,1fr) 330px}
  .compact .exploration{grid-column:1;grid-row:1}
  .compact .view-summary{grid-column:2;grid-row:1}
}
@media(max-width:900px){
  .compact .control-strip .ctrl{grid-template-columns:minmax(0,1fr)}
  .compact .control-strip .georow{grid-row:auto}
}
@media(max-width:760px){
  .compact .workspace{display:flex;flex-direction:column}
}

/* 複数選択：対比の解釈と二つ目以降の解釈を下に積む */
.compact .extra-interp{border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px}
.compact .extra-interp .who{font-weight:700;color:var(--accent)}
.compact .extra-interp .t{font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.compact .pair-interp{background:var(--trace);border-radius:8px;padding:10px 12px;margin-top:12px;border-top:0}
.compact .control-strip .foci::after{content:"複数選べます";flex-basis:100%;font-size:10.5px;color:var(--muted)}