/* 旅のメモ：現在のつながりを先に、通った物語を古い順に。 */
.memoStatus { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin:3px 0 8px;font-size:12px; }
.memoStatus strong { background:#315f80;color:#fff;padding:4px 7px;border:2px solid #20242b; }
.memoProgress { height:7px;background:#d3d3c1;border:1px solid #424b48;margin-bottom:10px; }
.memoProgress span { display:block;height:100%;background:#5c9674; }
.memoCard { background:#fffdf0;border:3px solid #20242b;padding:10px;margin:8px 0 16px;text-align:left;overflow-wrap:anywhere; }
.memoCard h3 { font-size:16px;line-height:1.5;margin:0 0 5px; }
.memoGoal { font-size:12px;line-height:1.7;margin:0 0 8px;color:#465653; }
.memoWhere { font-size:12px;line-height:1.6;border-top:1px solid #b7bdab;padding-top:6px;margin:6px 0 0; }
.memoFlow { margin:10px 0 0; }
.memoFlow dt { font-size:12px;font-weight:bold;color:#315f80;margin:10px 0 3px; }
.memoFlow dd { margin:0;font-size:14px;line-height:1.75; }
.memoFlow .memoNext { background:#e7efdb;border-left:4px solid #477d5a;padding:7px 9px; }
.memoCheckpoint { font-size:12px;font-weight:bold;margin:8px 0 0; }
.memoTimeline { list-style:none;margin:8px 0 18px;padding:0 0 0 15px;text-align:left; }
.memoTimeline li { position:relative;border-left:3px solid #8caa91;padding:0 0 15px 15px;overflow-wrap:anywhere; }
.memoTimeline li::before { content:'';position:absolute;left:-7px;top:4px;width:8px;height:8px;background:#50826b;border:1px solid #263d36; }
.memoTimeline li:last-child { padding-bottom:0; }
.memoTimeline li.memoCurrent { border-left-color:#c55843; }
.memoTimeline li.memoCurrent::before { background:#c55843; }
.memoTimeline b { display:block;font-size:14px;line-height:1.6; }
.memoTimeline small { display:block;font-size:11px;color:#4f6d60;margin-bottom:3px; }
.memoTimeline p { font-size:13px;line-height:1.8;margin:4px 0 0; }
.memoExtra { border:2px solid #777e6e;margin:12px 0;background:#f5efd5;padding:0 8px 8px;text-align:left; }
.memoExtra>summary { cursor:pointer;font-size:13px;font-weight:bold;padding:10px 0;min-height:36px;line-height:1.6; }
.memoExtra .li { background:#fffdf0; }