.notation-intro{padding:24px 0 20px}
.original-oceans .notation-intro h1{font:400 clamp(40px,6vw,68px)/1.05 'Cormorant Garamond',Georgia,serif;color:#e4e1d9;margin:0 0 10px}
.notation-intro p{font:400 18px/1.6 Maru,serif;color:#b6aa8e;margin:0}
.notation-nav{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #33312b;border-bottom:1px solid #33312b;padding:14px 0;font-size:14px}
.notation-nav a{color:#d2cfc7;text-decoration:none}.notation-nav span{color:#998d74;font-size:12px;margin-right:6px}
.notation-nav a:hover{color:#fff}.notation-nav a:focus-visible{outline:1px solid #b6aa8e;outline-offset:5px}
.notation-series{padding:26px 0 12px;scroll-margin-top:100px}.notation-series+.notation-series{border-top:1px solid #33312b}
.notation-heading{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:end;gap:20px;border-bottom:1px solid #33312b;padding:0 0 20px;margin-bottom:24px}
.series-number{font-size:12px;color:#998d74}
.notation-heading h2{font:400 32px/1.2 'Cormorant Garamond',Georgia,serif;color:#e4e1d9;margin:0}
.notation-heading h2 span{display:block;font:400 16px/1.6 Maru,serif;color:#a49b86;margin:8px 0 0}
.notation-meta{text-align:right;font:400 14px/1.75 Arial,'Noto Sans KR',sans-serif;color:#999790;max-width:380px}
.notation-year{display:block;color:#ccc9c2;margin-bottom:3px}
html body main.notation-page p.notation-caption{font-size:14px;line-height:1.7;color:#999790!important;margin:12px 0 24px}
.notation-copy{max-width:900px;margin-bottom:28px}
.notation-copy p{font-size:16px;line-height:1.8;margin:0 0 10px;word-break:keep-all;overflow-wrap:anywhere}
.notation-page .series-number{font-family:'Cormorant Garamond',serif;font-size:22px}
.notation-page .ocean-gallery{margin:16px 0 20px}
.notation-page .ocean-stage{aspect-ratio:16/10}
.notation-page .ocean-media{display:flex;align-items:center;justify-content:center}
.notation-page .ocean-media>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.notation-page .ocean-thumbnails img{object-fit:contain;background:#000}
@media(max-width:700px){.notation-nav{gap:12px 20px;font-size:14px}.notation-intro{padding-top:20px}.notation-heading h2{font-size:28px}.notation-series{padding-top:22px}.notation-heading h2 span{font-size:13px}.notation-page .ocean-stage{aspect-ratio:3/2}}
@media(max-width:700px){.notation-heading{grid-template-columns:24px minmax(0,1fr);gap:10px 12px;padding-bottom:16px;margin-bottom:18px}.notation-meta{grid-column:2;text-align:left;font-size:13px;max-width:none}.notation-heading h2 span{margin-top:5px}.notation-copy p{word-break:normal}.notation-page .ocean-gallery{margin-top:0}}

/* Unnumbered section titles use the full header, not the number column. */
.notation-heading > h2:only-child{grid-column:1 / -1}