.notes-index{padding:160px var(--page-padding-x) 120px;max-width:var(--max-content-width);margin:0 auto}.notes-index__header{margin-bottom:80px;max-width:760px}.notes-index__title{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(40px,5vw,64px);letter-spacing:.04em;line-height:1.2;margin-bottom:16px}.notes-index__title-en{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:clamp(20px,2.4vw,28px);color:var(--color-text-sub);font-variation-settings:"opsz" 36;margin-bottom:32px}.notes-index__intro{font-family:var(--font-body-ja);font-size:15px;line-height:2;color:var(--color-text-sub);max-width:640px}.notes-list{display:flex;flex-direction:column;max-width:880px}.notes-list__item{display:block;padding:40px 0;border-top:1px solid #E8E5DE;transition:padding-left .4s ease}.notes-list__item:last-child{border-bottom:1px solid #E8E5DE}.notes-list__item:hover{padding-left:24px}.notes-list__date{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--color-text-mute);display:block;margin-bottom:12px}.notes-list__title{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(22px,2.8vw,32px);line-height:1.4;letter-spacing:.02em;margin-bottom:8px;color:var(--color-text);transition:color .25s ease}.notes-list__item:hover .notes-list__title{color:var(--color-accent)}.notes-list__subtitle{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:15px;color:var(--color-text-mute);margin-bottom:16px;font-variation-settings:"opsz" 24}.notes-list__desc{font-family:var(--font-body-ja);font-size:14px;line-height:1.9;color:var(--color-text-sub);max-width:720px}.notes-list__status-draft{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-mute);padding:3px 8px;border:1px solid var(--color-text-mute);margin-left:12px;vertical-align:middle}.note-article{padding:160px 0 120px}.note-article__header{max-width:880px;margin:0 auto 80px;padding:0 var(--page-padding-x)}.note-article__date{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--color-text-mute);margin-bottom:24px}.note-article__title{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.3;letter-spacing:.02em;margin-bottom:16px}.note-article__subtitle{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:clamp(18px,2.2vw,24px);color:var(--color-text-sub);font-variation-settings:"opsz" 36}.note-article__body{max-width:760px;margin:0 auto;padding:0 var(--page-padding-x);font-family:var(--font-body-ja);font-size:16px;line-height:2;color:var(--color-text)}.note-article__body h2{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(24px,3vw,32px);letter-spacing:.02em;margin:80px 0 24px;line-height:1.4}.note-article__body h3{font-family:var(--font-display-ja);font-weight:400;font-size:22px;margin:56px 0 20px}.note-article__body p{margin-bottom:24px;color:var(--color-text-sub)}.note-article__body ul{margin:0 0 32px 24px;color:var(--color-text-sub)}.note-article__body li{margin-bottom:8px;line-height:1.9}.note-article__body strong{color:var(--color-text);font-weight:500}.note-article__body blockquote{border-left:2px solid var(--color-accent);padding:8px 0 8px 24px;margin:32px 0;color:var(--color-text-mute);font-style:italic;font-size:14px;background:var(--color-base-shade)}.note-article__body blockquote p{margin:0;color:var(--color-text-mute)}.note-article__body em{color:var(--color-text-sub)}.note-article__body hr{border:none;border-top:1px solid #E8E5DE;margin:64px 0}.note-article__photo-placeholder{margin:48px 0;padding:80px 32px;background:var(--color-base-shade);border:1px dashed #C9C5BB;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--color-text-mute);line-height:1.8}.note-article__photo-placeholder:before{content:"📷  "}.note-article__draft-banner{max-width:760px;margin:0 auto 48px;padding:20px var(--page-padding-x);background:#fff8e5;border:1px solid #E8D89A;font-family:var(--font-body-ja);font-size:13px;line-height:1.7;color:#6b5523}.note-article__draft-banner strong{display:block;margin-bottom:4px;color:#4a3d17}.note-article__nav{max-width:760px;margin:100px auto 0;padding:32px var(--page-padding-x) 0;border-top:1px solid #E8E5DE}.note-article__back{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-body-en);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);border-bottom:1px solid var(--color-accent);padding-bottom:4px}@media (max-width: 720px){.notes-index,.note-article{padding-top:120px}}