.refine-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0;min-width:0}.refine-panel h2{font-size:22px;margin:0 0 10px}.refine-panel h3{font-size:18px}.refine-panel p{line-height:1.7}.refine-panel .refine-hint{font-size:14px;color:var(--muted)}.refine-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.refine-controls select{font:inherit;padding:9px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px}.bearing-samples,.reading-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bearing-samples article,.reading-priorities article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.reading-priorities h4{margin:0 0 8px;color:var(--accent)}.reading-priorities p{font-size:15px;margin:0}.bearing-samples strong{font-size:22px;color:var(--accent)}.bearing-samples p{font-size:14px}.month-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.month-overview button{min-width:0;text-align:left;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--soft);color:var(--text);font:inherit;cursor:pointer}.month-overview button[aria-pressed=true]{border:2px solid var(--accent);padding:13px}.month-overview span,.month-overview strong,.month-overview small{display:block}.month-overview strong{font-size:24px;color:var(--accent);margin:7px 0}.month-overview small{font-size:13px;color:var(--muted)}.four-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:700px;margin:20px auto}.four-map button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:10px;padding:18px 6px;font:inherit;cursor:pointer}.four-map button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.four-map .front{grid-area:1/2}.four-map .left{grid-area:2/1}.four-map .right{grid-area:2/3}.four-map .back{grid-area:3/2}.four-map .home{grid-area:2/2;display:flex;align-items:center;justify-content:center;text-align:center;min-height:100px;border:2px solid var(--accent);border-top-style:dashed;border-radius:8px;font-size:15px}.four-explain{padding:14px;border-left:3px solid var(--accent);background:var(--soft)}.four-grid article.is-selected{outline:2px solid var(--accent);outline-offset:2px}.refine-panel button:focus-visible,.four-map button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.workspace>.refine-panel{grid-column:1/-1}@media(max-width:900px){.month-overview{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.bearing-samples,.reading-priorities{grid-template-columns:minmax(0,1fr)}.month-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.refine-panel{padding:16px}.four-map{gap:8px}.four-map button{font-size:15px}}