:root {
  color-scheme: light dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #111317;
  color: #f4f5f7;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #111317; }
main { width: min(1540px, 100%); margin: 0 auto; padding: 20px; }
header { padding: 12px 2px 26px; font-weight: 750; letter-spacing: .12em; display: flex; justify-content: space-between; gap: 16px; }
header a { color: #b6beca; text-decoration: none; }
header nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 16px; font-size: .78rem; letter-spacing: 0; }
header nav form { margin: 0; }
header nav button { width: auto; margin: 0; padding: 0; border-radius: 0; background: transparent; color: #b6beca; font-size: inherit; }
.result-card { max-width: 1460px; margin-inline: auto; }
main > .card:not(.board-card):not(.result-card):not(.candidate-trainer):not(.punishment-trainer) { max-width: 680px; margin-inline: auto; }
.card { background: #1c2026; border: 1px solid #303640; border-radius: 16px; padding: 24px; box-shadow: 0 16px 50px #0005; }
h1 { margin: 0 0 16px; font-size: clamp(1.65rem, 6vw, 2.35rem); line-height: 1.08; }
h2 { margin: 0 0 9px; font-size: 1rem; color: #aeb6c2; }
p { color: #cbd0d8; line-height: 1.55; }
.eyebrow { margin-top: 0; color: #9ea8b6; font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; }
button, .secondary { display: inline-block; border: 0; border-radius: 10px; padding: 13px 18px; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; }
button { width: 100%; margin-top: 12px; background: #83d17a; color: #10210e; }
.older-games { margin-top: 30px; }
.older-games form + form { margin-top: 8px; }
.game-button { display: flex; justify-content: space-between; gap: 12px; text-align: left; margin-top: 0; background: #303640; color: #f4f5f7; }
.game-button span:last-child { color: #aeb6c2; font-weight: 500; white-space: nowrap; }
.game-button.has-learning-card { border: 1px solid #8f72d8; background: #39334a; }
.game-button.has-learning-card small::after { content: " · Lernkarte vorhanden"; color: #c4b1f2; }
.latest-has-learning-card { box-shadow: inset 0 0 0 2px #8f72d8; }
.game-button small { display: block; margin-top: 3px; color: #9ca6b3; font-weight: 500; }
.more-games { margin-top: 12px; }
.latest-opening { margin: 7px 2px 0; }
.full-analysis-link { margin-top: 9px; }
.game-choice-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-top: 8px; }
.game-choice-row form { min-width: 0; }
.game-full-link { display: grid; place-items: center; padding-inline: 12px; }
.secondary { background: #303640; color: #f4f5f7; }
.secondary.active-filter { box-shadow: inset 0 0 0 1px #83d17a; }
.locked { border-color: #a87b2c; }
.error { border-color: #a44b52; }
dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 18px; }
dt { color: #98a2af; }
dd { margin: 0; font-weight: 700; }
.frequency { margin: 22px 0; font-size: 1.08rem; }
.frequency-compact { color: #dcefd9; font-weight: 700; }
.frequency-extra { margin: 20px 0; }
.secondary-button { background: #46505e; color: #f4f5f7; }
.error-text { padding: 12px; border-radius: 8px; background: #5b292d; color: #ffd8db; }
.line { margin: 24px 0; padding: 16px; border-radius: 10px; background: #14171c; }
.line p { margin: 0; color: #eef0f3; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; line-height: 1.7; }
.comments, .journey { margin: 24px 0; padding: 16px; border-radius: 10px; background: #252a32; }
.comments.compact, .journey.compact { margin: 14px 0; }
.comments p { white-space: pre-line; }
.event + .event { border-top: 1px solid #3b424d; margin-top: 14px; padding-top: 14px; }
.event p { margin: 5px 0; }
.return { color: #9ed497; }
.event-line { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .87rem; }
.engine { margin: 24px 0; padding: 16px; border: 1px solid #3b424d; border-radius: 10px; }
.engine-status { color: #9ed497; }
.engine-row { margin-top: 12px; padding: 12px; background: #14171c; border-radius: 8px; }
.engine-row p { margin: 4px 0; }
.engine-row-button { display: block; width: 100%; color: inherit; text-align: left; font-weight: inherit; border: 1px solid transparent; }
.engine-row-button:hover, .engine-row-button:focus-visible { border-color: #83d17a; }
.engine-row-button.card-created { border-color: #8f72d8; }
.live-result { margin: 14px 0; padding: 14px; border-radius: 10px; background: #252a32; }
.live-result p { margin: 4px 0; }
.status-line { color: #9ea8b6; font-size: .9rem; }
.target-verdict { color: #f4f5f7; font-weight: 750; }
.warning { color: #f2c47f; }
.warning-box { border: 1px solid #8a672f; }
details { margin-top: 14px; border-top: 1px solid #303640; padding-top: 12px; }
summary { color: #b9c1cc; cursor: pointer; font-weight: 700; }
details .line { margin: 12px 0 0; }
.primary-actions { margin: 18px 0 4px; }
.primary-actions form { flex: 1 1 180px; }
.primary-actions form button { margin-top: 0; }
.footer-meta { margin-bottom: 0; }
.meta { color: #8e98a6; font-size: .88rem; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.home-tools { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.manual-pgn { margin-top: 24px; }
label { display: block; margin: 16px 0 6px; color: #b9c1cc; font-weight: 650; }
textarea, select, input[type="file"], input[type="url"], input[type="text"], input[type="password"], input:not([type]) { width: 100%; border: 1px solid #46505e; border-radius: 9px; padding: 10px; background: #14171c; color: #f4f5f7; font: inherit; }
.lichess-link-form { margin-top: 18px; }
.critical-position { margin-top: 18px; }
.cm-board { aspect-ratio: 1; overflow: hidden; border-radius: 8px; touch-action: none; }
.static-board { width: min(220px, 100%); }
.interactive-board { width: min(300px, 100%); }
.decision-board { width: min(280px, 100%); }
.decision-layout { display: grid; grid-template-columns: minmax(260px, 310px) minmax(360px, 1fr); gap: 24px; align-items: start; }
.decision-board { width: min(310px, 100%); }
.decision-layout .line { margin: 0 0 14px; }
.board-layout { display: grid; grid-template-columns: minmax(260px, 300px) minmax(250px, 1fr); gap: 22px; align-items: start; }
.board-layout > * { min-width: 0; }
.board-card h1 { margin-bottom: 12px; }
.segmented { display: flex; width: min(360px, 100%); margin: 0 0 18px; background: #14171c; border-radius: 10px; padding: 4px; }
.segmented button { margin: 0; padding: 9px 14px; background: transparent; color: #b9c1cc; }
.segmented button.active { background: #83d17a; color: #10210e; }
.board-actions { display: flex; gap: 8px; margin-top: 10px; }
.board-actions button { margin: 0; padding: 9px; background: #303640; color: #f4f5f7; }
.line-text { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; min-height: 1.6em; }
.board-panel { padding: 16px; border-radius: 10px; background: #252a32; margin-bottom: 14px; }
.mobile-repertoire { display: none; margin-top: 12px; }
.mobile-board-save, .mobile-frequency { display: none; }
.repertoire-move { width: auto; margin: 6px 8px 4px 0; padding: 9px 14px; }
.repertoire-comment { margin: 4px 0 12px; white-space: pre-line; font-size: .9rem; }
.engine-heading { display: flex; gap: 10px; justify-content: space-between; align-items: center; }
.engine-heading select { width: auto; padding: 6px; }
.calculation-step { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .84rem; }
.move-comparison-panel{overflow-x:auto}.move-comparison{width:100%;border-collapse:collapse;font-size:.78rem}.move-comparison th,.move-comparison td{padding:7px 6px;border-bottom:1px solid #3b424d;text-align:right;white-space:nowrap}.move-comparison th:first-child,.move-comparison td:first-child{text-align:left}.move-comparison tr.in-repertoire{background:#274b34}.move-table-button{display:inline;width:auto;margin:0;padding:5px 7px;background:#46505e;color:#fff}.move-comparison small{display:block;margin-top:2px;color:#bfe8bf;font-size:.66rem}
.bookmark { padding: 16px; margin-top: 12px; border-radius: 10px; background: #252a32; }
.bookmark.done { opacity: .55; }
.bookmark p { margin: 5px 0; }
.audit-item { margin-top: 14px; padding: 16px; border-radius: 10px; background: #252a32; }
.audit-item p { margin: 7px 0; }
.audit-item .secondary { margin-top: 8px; }
.audit-item.selected { box-shadow: inset 0 0 0 2px #83d17a; }
.audit-show-board { width: auto; margin-top: 9px; padding: 9px 12px; }
.audit-board-layout { display: grid; grid-template-columns: minmax(420px, 1fr) minmax(280px, 360px); gap: 22px; align-items: start; }
.audit-board-panel { position: sticky; top: 12px; padding: 16px; border-radius: 10px; background: #252a32; }
.audit-board { width: min(340px, 100%); }
.bookmark-board { margin-top: 12px; }
.compact-actions { margin-top: 10px; }
.compact-actions button { margin: 0; }
.danger { background: #6a3035; color: #ffe8ea; }
.repeat-warning { margin: 16px 0; padding: 16px; border: 2px solid #d89932; border-radius: 10px; background: #4c381c; }
.repeat-warning h2 { color: #ffd58f; }
.recurring-row + .recurring-row { border-top: 1px solid #3b424d; }
.recurring-row p { margin: 9px 0; }
.inline-form { display: inline-block; margin-left: 8px; }
.inline-form button { width: auto; margin: 0; }
.priority-frequency { margin-top: 0; border: 1px solid #3f7040; }
.engine-verdict { border: 1px solid #46505e; }
.review-layout { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(650px, 1.4fr); gap: 22px; align-items: start; }
[data-card-workspace] { position: sticky; top: 12px; padding: 16px; border-radius: 10px; background: #252a32; }
.card-editor-top { display: grid; grid-template-columns: minmax(300px, 380px) minmax(280px, 1fr); gap: 16px; align-items: start; }
.card-board { width: min(380px, 100%); }
.card-engine { margin: 0; }
.engine-choice { margin: 7px 0 0; padding: 8px 10px; background: #303640; color: #f4f5f7; text-align: left; font-weight: 600; line-height: 1.3; }
.compact-copy { width: auto; margin-top: 9px; padding: 8px 11px; font-size: .86rem; }
[data-card-workspace] textarea[readonly] { min-height: 220px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .84rem; }
.queue-navigation { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0; }
.queue-remaining { margin-top: 18px; }
.queue-remaining .bookmark-item { display: grid; gap: 4px; color: inherit; text-decoration: none; }
.card-move-comments{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:14px}
.card-move-comments label{font-weight:700}.card-move-comments textarea{display:block;width:100%;margin-top:4px;font-weight:400}
@media (max-width: 1080px) { .review-layout { grid-template-columns: 1fr; } [data-card-workspace] { position: static; } }
@media (max-width: 720px) {
  .board-layout, .decision-layout, .card-editor-top, .audit-board-layout { grid-template-columns: 1fr; }
  .card-board { width: min(420px, 100%); }
  .mobile-repertoire { display: block; }
  .mobile-board-save, .mobile-frequency { display: block; }
  .mobile-board-save { margin: 4px 0 14px; }
  .mobile-board-save label { margin-top: 0; }
  .desktop-repertoire, .desktop-frequency, .desktop-board-save { display: none; }
  .audit-board-panel { position: static; margin-top: 10px; }
  .interactive-board, .decision-board { width: 100%; max-width: 420px; }
}
@media (max-width: 440px) { main { padding: 14px; } header { display: block; } header nav { margin-top: 12px; } .card { padding: 20px; } dl { grid-template-columns: 1fr; gap: 2px; } dd { margin-bottom: 8px; } .game-button { display: block; } .game-button span { display: block; } .game-button span:last-child { margin-top: 4px; } .board-actions { flex-wrap: wrap; } }
/* Drei-Kandidaten-Trainer */
.candidate-start{background:#234e3b!important;color:#fff!important;font-weight:700}
.candidate-trainer{max-width:1500px;margin-inline:auto;padding:clamp(10px,1.4vw,20px)}
.candidate-layout{display:grid;grid-template-columns:auto minmax(340px,1fr);gap:clamp(14px,2vw,28px);align-items:start}
.candidate-board{width:min(48vw,calc(100dvh - 145px),600px);aspect-ratio:1}
.candidate-panel{min-width:0}
.candidate-heading{display:flex;justify-content:space-between;gap:14px;align-items:start}
.candidate-heading .eyebrow{margin:0 0 4px}
.candidate-heading h1{font-size:clamp(1.25rem,2.2vw,2rem);margin:0 0 5px}
.candidate-heading .meta{margin:0}
.candidate-progress{white-space:nowrap;margin:2px 0 0;padding:6px 9px;border-radius:8px;background:#303640;font-size:.86rem}
.candidate-panel>h2{margin:12px 0 3px;color:#f4f5f7;font-size:1.05rem}
.candidate-line{margin:0;white-space:normal;overflow-y:auto;max-height:4.2em;padding:4px 7px;border-radius:6px;background:#252a32;font-size:.88rem;line-height:1.4}
.candidate-instruction{margin:7px 0;font-size:.88rem}
.candidate-guesses{display:grid;gap:5px}
.candidate-guesses p{margin:0;padding:.42rem .6rem;border-radius:7px;background:#303640;color:#f4f5f7;font-size:.88rem;line-height:1.25}
.candidate-panel .status-line{margin:8px 0;padding:8px 10px}
.candidate-guesses .candidate-hit,.candidate-hit{background:#e1f4e8;color:#155d32;font-weight:700}
.candidate-guesses .candidate-error{background:#fae5e3;color:#8c2620}
.candidate-reveal h3{margin:8px 0 4px}
.candidate-reveal p{margin:4px 0;font-size:.88rem;line-height:1.3}
.candidate-reveal [data-candidate-solutions] p{white-space:nowrap;overflow-x:auto;padding-bottom:2px}
.candidate-reveal button{margin-top:8px;padding:10px 14px}
.repertoire-view{max-width:1500px!important}
.repertoire-view-heading{display:flex;justify-content:space-between;gap:16px;align-items:end}
.repertoire-view-heading h1{margin:.15rem 0}
.repertoire-view-heading nav{display:flex;gap:8px}
.repertoire-current{position:sticky;top:8px;z-index:8;display:grid;gap:3px;margin:14px 0 8px;padding:10px 13px;border:1px solid #59616d;border-radius:9px;background:#171b21f2;box-shadow:0 8px 24px #0008;backdrop-filter:blur(7px)}
.repertoire-current strong{color:#83d17a;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.repertoire-current span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.45;overflow-wrap:anywhere}
.repertoire-lines{display:grid;gap:8px;margin-top:18px}
.repertoire-line{display:flex;flex-wrap:wrap;gap:4px;padding:7px;border-radius:8px;background:#252a32}
.repertoire-line[class*="branch-depth-"]{border-left:3px solid #59616d}
.branch-depth-1,.branch-depth-3,.branch-depth-5,.branch-depth-7{background:#2b3038}
.branch-depth-1{margin-left:10px}.branch-depth-2{margin-left:20px}.branch-depth-3{margin-left:30px}.branch-depth-4{margin-left:40px}.branch-depth-5{margin-left:50px}.branch-depth-6{margin-left:60px}.branch-depth-7{margin-left:70px}
.transposition-marker{align-self:center;color:#aeb6c2;font-size:.76rem;padding:0 5px}
.repertoire-move{display:inline-flex;flex-direction:column;min-width:52px;padding:5px 7px;border-radius:6px;color:#151719;line-height:1.1}
.repertoire-move strong{font-size:.9rem;white-space:nowrap}
.repertoire-move{cursor:pointer}
.repertoire-line.path-selected{box-shadow:inset 0 0 0 1px #83d17a}
.repertoire-move small{font-size:.68rem;margin-top:3px;white-space:nowrap}
.repertoire-move .strong-frequency{font-size:.62rem;font-weight:700}
.repertoire-move.frequency-unknown{background:#b7bbc1}
.repertoire-move.frequency-0{background:#e6847d}.repertoire-move.frequency-1{background:#e9957d}
.repertoire-move.frequency-2{background:#eca77e}.repertoire-move.frequency-3{background:#edb980}
.repertoire-move.frequency-4{background:#e9c982}.repertoire-move.frequency-5{background:#ded485}
.repertoire-move.frequency-6{background:#cddd88}.repertoire-move.frequency-7{background:#b4db8b}
.repertoire-move.frequency-8{background:#98d58d}.repertoire-move.frequency-9{background:#7ccc91}
.repertoire-move.frequency-10{background:#61c394}
@media(max-width:650px){
  .repertoire-view-heading{align-items:start;flex-direction:column}
  .repertoire-move{min-width:47px;padding:4px 6px}
  .repertoire-line[class*="branch-depth-"]{margin-left:0}
  .repertoire-current{top:0;margin-inline:-8px}
}
.full-game{max-width:1500px!important;margin-inline:auto}
.full-game-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}
.full-game-heading h1{margin-bottom:6px}
.full-game-heading .meta{margin:0}
.full-game-layout{display:grid;grid-template-columns:minmax(320px,520px) minmax(400px,1fr);gap:24px;align-items:start}
.full-game-board{width:min(100%,520px);aspect-ratio:1}
.full-game-panel{min-width:0}
.full-game-moves{display:flex;flex-wrap:wrap;gap:5px;max-height:230px;overflow-y:auto;padding:10px;border-radius:9px;background:#14171c}
.full-move{width:auto;margin:0;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:#303640;color:#f4f5f7;font-weight:650}
.full-move.ours{font-weight:850}
.full-move.selected{border-color:#f4f5f7;box-shadow:0 0 0 1px #f4f5f7}
.full-move.move-ok{background:#274b34}.full-move.move-inaccuracy{background:#665728}.full-move.move-error{background:#733e32}.full-move.move-blunder{background:#792d36}
.full-game-detail{margin-top:14px;padding:16px;border-radius:10px;background:#252a32}
.full-game-detail h2{color:#f4f5f7;font-size:1.15rem}.full-game-detail h3{margin:18px 0 7px;color:#aeb6c2;font-size:.95rem}
.engine-choice-line{margin:7px 0;padding:9px 11px;border-radius:7px;background:#14171c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem}
.full-verdict{display:inline-block;padding:6px 9px;border-radius:7px;color:#fff}
.full-verdict.move-ok{background:#274b34}.full-verdict.move-inaccuracy{background:#665728}.full-verdict.move-error{background:#733e32}.full-verdict.move-blunder{background:#792d36}
.full-card-button{width:auto}
@media(max-width:820px){.full-game-layout{grid-template-columns:1fr}.full-game-board{width:min(100%,520px);margin:auto}.full-game-heading{display:block}.full-game-heading .secondary{margin-top:8px}.game-choice-row{grid-template-columns:1fr}.game-full-link{display:inline-block}.full-game-moves{max-height:none}}
@media(max-width:760px){
  .candidate-layout{grid-template-columns:1fr}
  .candidate-board{width:min(100%,420px);margin:auto}
  .candidate-heading{margin-top:10px}
}
.similar-pair { margin: 1.5rem 0; padding-top: 1rem; border-top: 1px solid #d8dee9; }
.similar-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.similar-board { width: min(100%, 360px); }
.similar-rating { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin-top:1rem; }
.rating-current { font-weight:700; margin-right:.25rem; }
.similar-rating button.selected-rating { box-shadow:inset 0 0 0 3px #f4f5f7; }
.similar-rating button:disabled { opacity:.6; cursor:wait; }
.similar-pair.rating-confusing { border-top-color:#d65b55; }
.similar-pair.rating-similar { border-top-color:#d2a84a; }
.similar-pair.rating-different { opacity:.72; }
.comparison-line mark { background:#6a4f24; color:#fff1c8; padding:2px 4px; border-radius:4px; }
.difficult-decisions { max-width:1100px !important; }
.difficult-position { margin-top:1.5rem; padding-top:1rem; border-top:1px solid #3c4652; }
.difficult-position.recurring { border-top-color:#d65b55; }
.difficult-heading { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; }
.difficult-heading span { color:#e7b367; font-weight:700; white-space:nowrap; }
.difficult-board { width:min(100%,360px); }
.decision-occurrence { padding:10px 0; border-bottom:1px solid #343b45; }
.decision-occurrence p { margin:.35rem 0; }
.learning-card-note { color:#c4b1f2; font-weight:700; }
@media(max-width:650px){
  .difficult-heading { display:block; }
}
@media (max-width: 720px) {
  .similar-grid { grid-template-columns: 1fr; }
}
.punishment-trainer .last-move-highlight { fill: #f2cf3a; opacity: .42; pointer-events: none; }
.punishment-trainer { max-width: 1100px; margin-inline: auto; padding: clamp(12px, 2vw, 20px); }
.punishment-trainer .candidate-layout { grid-template-columns: minmax(300px, 520px) minmax(0, 1fr); gap: clamp(14px, 2.5vw, 28px); }
.punishment-trainer .candidate-board { width: min(46vw, calc(100dvh - 150px), 520px); max-width: 100%; }
.punishment-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; }
.punishment-heading .eyebrow { margin:0; }
.punishment-stock { margin:0; padding:6px 9px; border-radius:8px; background:#303640; color:#cbd0d8; font-size:.86rem; white-space:nowrap; }
.punishment-trainer h1 { margin:10px 0 12px; }
.punishment-trainer .candidate-panel > p { margin:8px 0; }
.punishment-hint { line-height:1.35; }
.punishment-trainer [data-punishment-attempts] p { margin:7px 0; padding:8px 10px; border-radius:7px; }
.punishment-trainer [data-punishment-reveal] { margin-top:10px; }
@media(max-width:820px){
  .punishment-trainer .candidate-layout { grid-template-columns:minmax(280px, 46%) minmax(0, 1fr); }
  .punishment-trainer .candidate-board { width:100%; }
}
@media(max-width:650px){
  .punishment-trainer .candidate-layout { grid-template-columns:1fr; }
  .punishment-trainer .candidate-board { width:min(100%, calc(100dvh - 310px), 420px); }
}
.move-comparison .clickable-move-row { cursor: pointer; }
.move-comparison .clickable-move-row:hover,
.move-comparison .clickable-move-row:focus { filter: brightness(1.12); outline: none; }
.card-repertoire-hint {
  margin: .8rem 0;
  padding: .85rem 1rem;
  border: 1px solid #6f8d55;
  border-radius: 12px;
  background: #243326;
}
.card-repertoire-hint h3 { margin: 0 0 .25rem; color: #d9efbd; }
.card-repertoire-sources { display: grid; gap: .15rem; }
.card-repertoire-sources p { margin: 0; }
.card-repertoire-sources .relevant-frequency {
  font-weight: 800;
  color: #e7f8cf;
}
.interesting-list { display:grid; gap:1rem; }
.interesting-item { padding:1rem; border:1px solid #3c4652; border-radius:12px; }
.interesting-item.done { opacity:.65; }
.interesting-item h2 { margin:.15rem 0 .4rem; }
.interesting-detail-grid { display:grid; grid-template-columns:minmax(300px,420px) 1fr; gap:1.5rem; align-items:start; }
.interesting-board { width:min(100%,420px); }
@media(max-width:760px){ .interesting-detail-grid { grid-template-columns:1fr; } }