.reader-answer { padding:32px 0 12px; }
.reader-answer-box { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); gap:28px; align-items:center; overflow:hidden; padding:clamp(22px,4vw,40px); border:1px solid rgba(119,52,44,.2); border-radius:20px; background:linear-gradient(135deg,#fff 0%,#fff5ef 58%,#ead7ca 100%); box-shadow:0 20px 52px rgba(38,28,23,.12); }
.reader-answer-box::after { content:""; position:absolute; right:-75px; bottom:-105px; width:210px; height:210px; border:34px solid rgba(126,43,38,.07); border-radius:50%; pointer-events:none; }
.reader-answer h2 { margin:0 0 12px; font-size:clamp(1.45rem,3vw,2rem); }
.reader-answer p { margin:0; line-height:1.85; }
.reader-answer ul { margin:16px 0 0; padding-left:1.2rem; }
.reader-answer li + li { margin-top:7px; }
.reader-answer-visual { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.reader-answer-visual img { width:100%; height:220px; object-fit:cover; object-position:center top; border-radius:12px; background:#eee8e2; }
.reader-answer-visual.is-map img { grid-column:1/-1; height:auto; max-height:320px; object-fit:contain; }
.reader-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0 32px; }
.reader-route-card { padding:18px; border:1px solid rgba(83,54,43,.16); border-radius:14px; background:#fffaf6; box-shadow:0 8px 20px rgba(38,28,23,.06); }
.reader-route-card span { color:#8b4539; font-size:.7rem; font-weight:800; letter-spacing:.08em; }
.reader-route-card h3 { margin:7px 0; }
.reader-route-card p { margin:0; color:#5d514c; font-size:.84rem; line-height:1.7; }
.reader-note { margin:22px 0; padding:18px 20px; border-left:4px solid #a64a3d; background:#fff3ee; }
.reader-note strong { display:block; margin-bottom:5px; }
.reader-figure-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0 30px; }
.reader-figure-card { position:relative; display:grid; grid-template-columns:128px minmax(0,1fr); min-height:176px; overflow:hidden; border:1px solid rgba(83,54,43,.16); border-radius:15px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 10px 28px rgba(38,28,23,.08); transition:transform .2s ease,box-shadow .2s ease; }
.reader-figure-card:hover { transform:translateY(-4px); box-shadow:0 18px 38px rgba(38,28,23,.14); }
.reader-figure-card img { width:128px; height:100%; min-height:176px; object-fit:cover; object-position:center top; background:#eee7e1; }
.reader-figure-copy { align-self:center; padding:17px; }
.reader-figure-copy > span { color:#994b3f; font-size:.68rem; font-weight:800; letter-spacing:.08em; }
.reader-figure-copy h3 { margin:5px 0 7px; font-size:1.08rem; }
.reader-figure-copy p { margin:0; color:#5d514c; font-size:.8rem; line-height:1.65; }
.reader-figure-copy b { display:block; margin-top:10px; color:#8b3d34; font-size:.78rem; }
@media (max-width:760px) { .reader-answer-box { grid-template-columns:1fr; } .reader-route-grid,.reader-figure-row { grid-template-columns:1fr; } }
@media (max-width:440px) { .reader-answer-visual img { height:180px; } .reader-figure-card { grid-template-columns:102px minmax(0,1fr); min-height:154px; } .reader-figure-card img { width:102px; min-height:154px; } }
@media (prefers-reduced-motion:reduce) { .reader-figure-card { transition:none; } .reader-figure-card:hover { transform:none; } }