.notes-page{max-width:820px;display:grid;gap:32px;padding-top:40px;padding-bottom:72px}.notes-head{display:grid;gap:14px;padding-bottom:28px;border-bottom:2px solid var(--ink)}.notes-kicker{font-family:Gaegu,cursive;font-size:20px;color:var(--red)}.notes-head h1{font-size:clamp(30px,5vw,46px);line-height:1.3;letter-spacing:-.04em}.notes-head p{font-size:15px;line-height:1.8;color:var(--ink-3);max-width:560px}.notes-head a,.notes-filter a,.notes-empty a{color:var(--navy)}.notes-filter{font-size:14px;color:var(--ink-3)}.note-list{list-style:none;margin:0;padding:0}.note-list li{border-bottom:1px solid var(--paper-2)}.note-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:18px;align-items:center;padding:20px 2px;color:var(--ink);text-decoration:none}.note-row.no-image{grid-template-columns:minmax(0,1fr)}.note-row .note-thumb{order:2;display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--paper-2)}.note-thumb img{width:100%;height:100%;object-fit:cover;display:block}.note-row-body{display:flex;flex-direction:column;gap:6px;min-width:0}.note-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ink-3)}.note-row strong{font-size:19px;line-height:1.45;letter-spacing:-.02em}.note-sum{font-size:14px;line-height:1.7;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(hover:hover){.note-row:hover strong{color:var(--red)}}.note-row.is-feature{grid-template-columns:1fr;gap:16px;padding-top:4px}.note-row.is-feature .note-thumb{order:0;aspect-ratio:16/9;border-radius:14px}.note-row.is-feature strong{font-size:clamp(23px,3.4vw,30px)}.notes-empty{padding:40px 0;display:grid;gap:8px;color:var(--ink-3)}.notes-empty strong{font-size:18px;color:var(--ink)}.notes-pager{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.notes-pager a{color:var(--navy);text-decoration:none;padding:10px 0}.note{display:grid;gap:26px}.note-crumbs a{font-size:13px;color:var(--ink-3);text-decoration:none}.note-preview{padding:10px 14px;border-radius:8px;background:#fff1d6;color:#7a4b00;font-size:13px;font-weight:700}.note-head{display:grid;gap:14px}.note-head h1{font-size:clamp(28px,4.6vw,42px);line-height:1.35;letter-spacing:-.04em}.note-lead{font-size:17px;line-height:1.8;color:var(--ink-3)}.note-tags{display:flex;flex-wrap:wrap;gap:8px}.note-tags a{font-size:12px;color:var(--navy);text-decoration:none;padding:6px 11px;border:1px solid #cfd5d9;border-radius:99px;background:#fff}.note-ad{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #e3c6c4;border-radius:10px;background:#fff7f6;font-size:13px;line-height:1.7;font-weight:600;color:#5b2f2c}.note-ad b{flex:0 0 auto;padding:1px 7px;border-radius:4px;background:var(--red);color:#fff;font-size:12px}.note-ad-tag{display:inline-block;margin-left:4px;padding:0 5px;border-radius:3px;background:var(--red);color:#fff;font-size:10px;font-weight:700;vertical-align:2px}.note-cover{margin:0;border-radius:14px;overflow:hidden}.note-cover img{width:100%;display:block}.note-body{font-size:17px;line-height:1.95}.note-body p{margin:0 0 20px}.note-body h2{font-size:23px;margin:40px 0 14px}.note-body h3{font-size:19px;margin:30px 0 10px}.note-body a{color:var(--navy)}.note-body blockquote{margin:22px 0;padding:4px 0 4px 18px;border-left:3px solid var(--red);color:var(--ink-3)}.note-body hr{border:0;border-top:1px dashed #cdc4b5;margin:36px 0}.note-body code{font-size:.9em;background:#efe8db;padding:1px 5px;border-radius:4px}.note-figure{display:block;margin:26px 0}.note-figure img{display:block;width:100%;height:auto;border-radius:12px}.note-caption{display:block;margin-top:8px;font-size:13px;color:var(--ink-3);text-align:center}.note-author{display:flex;gap:14px;align-items:center;padding:22px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--paper-2)}.note-author .sign{flex:0 0 auto;font-size:15px;padding:6px 4px}.note-author strong{font-size:16px}.note-author p{font-size:13px;line-height:1.7;color:var(--ink-3);margin-top:2px}.note-author a{color:var(--navy)}.note-more{display:grid;gap:8px}.note-more h2{font-size:20px}@media(max-width:650px){.notes-page{padding-top:28px;gap:26px}.note-row{grid-template-columns:minmax(0,1fr) 92px;gap:14px}.note-row strong{font-size:17px}.note-body{font-size:16px}}