/* land3 상단 메모 (2026-09-30) */
.memo-toggle{display:inline-flex;align-items:center;gap:var(--s2);background:var(--navy-800);color:var(--surface);border:1px solid var(--blue-500);padding:var(--s1) var(--s3);border-radius:4px;font:inherit;font-size:var(--small);font-weight:600;cursor:pointer}
.memo-toggle:hover{background:var(--blue-600)}
.memo-toggle[aria-expanded=true]{background:var(--blue-600)}
.memo-toggle b{min-width:20px;padding:0 6px;border-radius:10px;background:#e8833a;color:#fff;font-size:12px;line-height:18px;text-align:center}
.memo-toggle b[hidden]{display:none}
.panel.memo-panel{border-top:1.5px solid var(--line);border-left:4px solid #e8833a}
.memo-panel h2{font-size:var(--section)}
.memo-filter{display:inline-flex;border:1px solid var(--gray-200);border-radius:4px;overflow:hidden}
.memo-filter button{border:0;background:var(--surface);padding:0 var(--s3);min-height:40px;font:inherit;font-size:var(--small);font-weight:600;color:var(--gray-700);cursor:pointer}
.memo-filter button+button{border-left:1px solid var(--gray-200)}
.memo-filter button b{margin-left:4px;color:var(--accent)}
.memo-filter button[aria-pressed=true]{background:var(--accent);color:#fff}
.memo-filter button[aria-pressed=true] b{color:#fff}
.memo-notice{font-size:var(--small);color:var(--accent);margin-bottom:var(--s3)}
.memo-notice.error{color:var(--error)}
.memo-form{display:grid;gap:var(--s3);padding:var(--s4);margin-bottom:var(--s4);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}
.memo-drop{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:1.5px dashed var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:var(--small);color:var(--gray-500)}
.memo-drop strong{color:var(--navy-900);font-size:var(--body)}
.memo-drop:hover,.memo-drop.dragover{border-color:var(--accent);background:var(--blue-50)}
.memo-preview{display:flex;align-items:center;gap:var(--s3);font-size:var(--small);color:var(--gray-700)}
.memo-preview img{max-width:160px;max-height:100px;border:1px solid var(--gray-200);border-radius:4px;object-fit:contain;background:var(--surface)}
.memo-form textarea{width:100%;padding:var(--s3);border:1px solid var(--line);border-radius:4px;font:inherit;font-size:var(--body);resize:vertical;background:var(--surface)}
.memo-form-actions{display:flex;justify-content:flex-end;gap:var(--s2)}
.memo-list{list-style:none;margin:0;padding:0}
.memo-row{display:flex;align-items:flex-start;gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--gray-200)}
.memo-row:first-child{border-top:0}
.memo-row input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--ok);cursor:pointer}
.memo-thumb{flex:0 0 auto;display:block}
.memo-thumb img{display:block;width:120px;height:80px;object-fit:cover;border:1px solid var(--gray-200);border-radius:4px;background:var(--gray-50)}
.memo-body{flex:1;min-width:0}
.memo-text{margin:0 0 var(--s1);font-size:var(--body);color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}
.memo-meta{font-size:12px;color:var(--gray-500)}
.memo-row.done .memo-text{color:var(--gray-500);text-decoration:line-through}
.memo-row.done .memo-thumb img{opacity:.55}
.memo-remove{border:0;background:transparent;color:var(--gray-500);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px}
.memo-remove:hover{color:var(--error);text-decoration:underline}
.memo-empty{margin:0;padding:var(--s4) 0;font-size:var(--small);color:var(--gray-500)}
@media(max-width:768px){.memo-thumb img{width:84px;height:60px}.memo-row{gap:var(--s3)}}
.memo-preview .link-button{border:0;background:none;padding:0;font:inherit;font-size:var(--small)}