/* Shima · cream paper, cobalt ink, photographs at their own proportions. */
:root{color-scheme:light;--paper:#eae3d5;--ink:#4654bf;--text:#624637;--muted:#756253;--line:#c8c1b4;--accent:#4654bf;--annotation:#4654bf;--photo-height:clamp(260px,53vh,660px);font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}a{color:var(--accent);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:20px;background:var(--paper);padding:10px;z-index:2}.skip-link:focus{top:10px}
.masthead{display:flex;gap:40px;align-items:center;margin:0 4vw;padding:30px 0 25px;border-bottom:1px solid var(--line)}.site-title{font-size:24px;font-weight:700;letter-spacing:-1px;text-decoration:none;line-height:1.2;max-width:40%;overflow-wrap:anywhere}.masthead nav{display:flex;gap:28px;font-size:12px}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline}.diary-search{margin-left:auto;font-size:12px}.diary-search label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.search-fields{display:flex;gap:10px;align-items:center}.diary-search input{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:7px 0;width:155px;min-width:0}.diary-search input::placeholder{color:var(--muted)}.diary-search button{border:0;background:none;padding:8px 0;color:var(--ink)}
.journal-intro{margin:32px 4vw 24px;display:flex;justify-content:space-between;gap:30px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em;margin:0}.site-description{margin:0;max-width:390px;font-size:12px;white-space:pre-line}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 4vw 18px;min-height:34px}.gallery-toolbar p{font-size:11px;margin:0;color:var(--muted)}.gallery-toolbar p span{padding-left:14px}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:40px;height:32px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:20px;line-height:1}.gallery-controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.photo-track{display:flex;gap:64px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 4vw 28px;scroll-padding-inline:4vw;scrollbar-width:thin;scrollbar-color:var(--ink) var(--line);align-items:flex-start}.photo-entry{display:flex;align-items:flex-start;gap:30px;flex:none;min-width:0}.entry-heading{width:180px;flex:none;padding-top:9px;overflow-wrap:anywhere}.entry-heading time{font-size:10px;color:var(--muted)}.entry-heading h1,.entry-heading h2{font-size:28px;font-weight:400;line-height:1.15;letter-spacing:-.8px;margin:18px 0}.entry-heading h2 a{text-decoration:none}.entry-heading h2 a:hover{text-decoration:underline}.entry-permalink{display:block;font-size:10px;margin-top:26px}.lock-label{display:block;font-size:10px;color:var(--muted)}
.shima .entry-body{display:flex;gap:28px;align-items:flex-start;flex:none;container-type:normal;overflow-wrap:anywhere}.entry-body>p,.entry-body>blockquote,.entry-body>div,.entry-body>ul,.entry-body>ol,.entry-body>h2,.entry-body>h3{flex:none;width:280px;margin:0;white-space:normal}.entry-body>p:not(:has(img)){padding-top:8px}.entry-body img{display:block;height:auto;max-height:var(--photo-height);width:auto;max-width:min(78vw,1100px);object-fit:contain;object-position:left center}.entry-body>p:has(img){width:auto;display:flex;flex-direction:column;gap:12px}.entry-body figure{margin:0;flex:none}.entry-body figure img{margin-bottom:12px}.entry-body figcaption{font-size:11px;color:var(--muted);max-width:500px}.entry-body blockquote{border-left:1px solid var(--ink);padding-left:20px}.entry-body pre{white-space:pre-wrap;width:320px;flex:none}.entry-body>.reader-lock{width:300px}.reader-lock h2{font-size:20px}.reader-lock label{display:block}.reader-lock input{display:block;width:100%;margin:12px 0;background:transparent;border:1px solid var(--line);padding:12px;color:var(--ink)}.reader-lock button,.reader-controls button{border:1px solid var(--ink);padding:9px 15px;background:var(--ink);color:var(--paper)}.reader-lock p{font-size:12px}.reader-controls{margin:20px 4vw;font-size:12px}
.shima .entry-body>.annotation-block{width:340px;display:flex;flex-direction:column;gap:16px;margin:0}.shima .annotation-block .ink-note{font:14px/1.6 Arial,Helvetica,sans-serif;transform:none;color:var(--ink)}.shima .annotation-notes{border-left:1px solid var(--line);padding-left:14px}.shima .annotation-copy img{max-width:340px;height:auto;max-height:var(--photo-height)}
.entry-nav{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:26px 4vw 0;padding-bottom:26px;border-bottom:1px solid var(--line);font-size:11px}.entry-nav>span{flex:1}.entry-nav>span:last-child{text-align:right}.page-count{text-align:center;color:var(--muted)}.site-footer{display:flex;gap:25px;justify-content:space-between;margin:24px 4vw 30px;color:var(--muted);font-size:10px}.site-footer a{margin-left:auto}.text-page{max-width:760px;margin:60px auto 80px;padding:0 24px}.text-page h1{font-size:40px;font-weight:400;letter-spacing:-1px;margin:10px 0 35px}.archive-item{display:grid;grid-template-columns:145px 1fr auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.archive-item time{font-size:11px;color:var(--muted)}.search-result{padding:25px 0;border-bottom:1px solid var(--line)}.search-result h2{font-size:24px;font-weight:400;margin:10px 0}.search-excerpt{color:var(--muted)}.text-page .entry-nav{margin-inline:0}main>h1,main>p{margin-inline:4vw}
@media(min-width:1500px){.entry-heading{width:210px}.photo-track{gap:85px}.photo-entry{gap:40px}}
@media(max-width:700px){:root{--photo-height:clamp(230px,48svh,500px)}.masthead{gap:24px;flex-wrap:wrap;padding:23px 0 18px;margin:0 6vw}.site-title{max-width:65%;font-size:23px}.masthead nav{gap:20px;margin-left:auto}.diary-search{width:100%;margin:0}.search-fields input{flex:1}.journal-intro{margin:25px 6vw 20px;display:block}.site-description{margin-top:14px;max-width:90%}.gallery-toolbar{margin:0 6vw 18px}.photo-track{padding-left:6vw;padding-right:6vw;gap:40px;scroll-padding-inline:6vw}.photo-entry{flex-direction:column;gap:22px}.entry-heading{width:76vw;max-width:420px;min-height:105px;padding-top:0}.entry-heading h1,.entry-heading h2{font-size:25px;margin:9px 0}.entry-permalink{margin-top:8px}.entry-body{min-width:76vw}.entry-body img{max-width:82vw}.entry-body>p:not(:has(img)){width:72vw;max-width:330px}.shima .entry-body>.annotation-block{width:76vw}.shima .annotation-copy img{max-width:76vw}.entry-nav{margin:25px 6vw 0;font-size:10px;gap:12px;flex-wrap:wrap}.site-footer{margin:22px 6vw;flex-wrap:wrap;gap:12px}.site-footer>span:nth-child(2){display:none}.archive-item{grid-template-columns:1fr;gap:4px}.text-page{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gate-shell{max-width:470px;margin:12vh auto;padding:30px}.gate-shell .site-title{max-width:none;margin-bottom:40px}

/* Brown for reading; ceramic blue for headings and interactive accents. */
h1,h2,h3,h4,h5,h6,.eyebrow{color:var(--accent)}
.diary-search input,.reader-lock input{color:var(--text)}
.shima .annotation-block .ink-note{color:var(--text)}
.shima .annotation-block .note-marker{color:var(--accent)}

/* Entry prose stays with its title; photos have a one-pixel cream seam. */
.shima .entry-heading{width:220px}
.shima .entry-body{gap:1px}
.shima .entry-body>.photo-panel{width:auto;flex:none;margin:0;max-width:none}
.shima .photo-panel>figure,.shima .photo-panel>a{display:block;margin:0}
.shima .photo-panel figure img{margin-bottom:0}
.shima .photo-panel figcaption{margin-top:9px}
.shima .entry-prose{margin-top:22px;font-size:13px;line-height:1.75;color:var(--text);overflow-wrap:anywhere}
.shima .entry-prose>p{margin:0 0 1em}
.shima .entry-prose>p:last-child{margin-bottom:0}
.shima .entry-prose>*{max-width:100%;width:auto}
.shima .entry-prose blockquote{margin-inline:0;padding-left:14px;border-left:1px solid var(--accent)}
.shima .entry-prose pre{white-space:pre-wrap}
.shima .entry-prose .annotation-block{display:flex;flex-direction:column;gap:12px;margin:1em 0;max-width:100%}
.shima .entry-prose .annotation-notes{padding-left:12px;border-left:1px solid var(--line)}
.shima .entry-prose .ink-note{font:13px/1.6 Arial,Helvetica,sans-serif;color:var(--text);transform:none}
.shima .entry-prose .reader-lock input{width:100%}
@media(max-width:700px){.shima .entry-heading{width:82vw;max-width:420px;min-height:0}.shima .entry-prose{margin-top:16px}.shima .photo-entry{gap:22px}}

/* Server-rendered photo panels also handle several images inside one figure. */
.shima .entry-body.is-separated{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:1px}
.shima .entry-body.is-separated:empty{display:none}
.shima .photo-panel>figure{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:1px;align-items:start}
.shima .photo-panel>figure>figcaption{grid-row:2;grid-column:1;margin-top:9px}

/* Shared by both themes. Notes occupy real grid space, never absolute overlays. */
.annotation-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr);grid-template-areas:". top ." "left copy right" ". bottom .";column-gap:30px;row-gap:16px;margin:2em 0;align-items:start;min-width:0}
.annotation-copy{grid-area:copy;min-width:0}.annotation-copy>p{margin:0}.annotation-notes{display:grid;gap:18px;min-width:0}.annotation-notes-t{grid-area:top}.annotation-notes-l{grid-area:left;padding-top:10px}.annotation-notes-r{grid-area:right;padding-top:10px}.annotation-notes-b{grid-area:bottom}
.annotation-block .ink-note{font-family:MarginHand,'Segoe Print','Bradley Hand',cursive;font-size:24px;font-weight:400;line-height:1.3;letter-spacing:.2px;color:var(--annotation,#b70308);overflow-wrap:anywhere;white-space:normal;padding:4px 3px;transform:rotate(-2deg)}
.annotation-notes-r .ink-note{transform:rotate(2deg)}.annotation-notes-t .ink-note,.annotation-notes-b .ink-note{max-width:480px}
.annotation-notes-l .ink-note:after{content:'↗';display:block;text-align:right;margin-top:6px}.annotation-notes-r .ink-note:before{content:'↙';display:block;margin-bottom:6px}.annotation-notes-t .ink-note:after{content:'↓';display:block}.annotation-notes-b .ink-note:before{content:'↑';display:block}
@media(max-width:1050px){.annotation-block{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "top" "left" "right" "bottom";gap:12px;max-width:640px;margin:2em auto}.annotation-notes{padding:0 0 0 18px;border-left:1px solid var(--rule,#613033)}.annotation-block .ink-note{transform:none;font-size:23px;max-width:none}.annotation-notes .ink-note:before,.annotation-notes .ink-note:after{display:none}}
@media(prefers-reduced-motion:reduce){.annotation-block .ink-note{transform:none}}

/* The Classic theme has a narrower article even on a wide monitor. */
.entry-body{container-type:inline-size}
@container (max-width:1050px){.annotation-block{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "top" "left" "right" "bottom";gap:12px;max-width:640px;margin:2em auto}.annotation-notes{padding:0 0 0 18px;border-left:1px solid var(--rule,#613033)}.annotation-block .ink-note{transform:none;font-size:23px;max-width:none}.annotation-notes .ink-note:before,.annotation-notes .ink-note:after{display:none}}

.annotation-block .custom-marker:before,.annotation-block .custom-marker:after{display:none}.note-marker{display:block;font-size:1.15em;margin-bottom:7px;overflow-wrap:anywhere}.annotation-block .ink-note img{max-width:100%;height:auto}

/* Optional template tag lists. No placeholder means no visible list. */
.entry-tags{display:flex;flex-wrap:wrap;gap:6px 14px;margin:16px 0;font:12px/1.7 system-ui,sans-serif}.entry-tags a{text-underline-offset:3px}.entry-heading .entry-tags{font-size:10px}.search-tags-help{font-size:12px}

/* Shared controls inherit each diary theme's colours. The supplied GIF stays intact. */
.bg-audio{display:inline-flex;align-items:center;gap:7px;max-width:100%;color:var(--accent,var(--ink));font:12px/1.5 system-ui,sans-serif;vertical-align:middle}
.errata-shell .bg-audio{color:var(--ink,#f4eedf)}
.bg-audio .bg-audio-note-icon{display:block;flex:none;width:18px;height:38px;object-fit:contain;filter:var(--bg-audio-note-filter,brightness(0) invert(1))}
.bg-audio button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;border:1px solid var(--rule,var(--line,#aaa));border-radius:0;background:transparent;color:inherit;cursor:pointer;font:20px/1 system-ui,sans-serif}
.bg-audio button:hover{border-color:currentColor}.bg-audio button:disabled{cursor:default;opacity:.45}.bg-audio button:focus-visible,.bg-audio select:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.bg-audio svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}.bg-audio .bg-audio-play{fill:currentColor;stroke:none}.bg-audio .bg-audio-pause{display:none}.bg-audio.is-playing .bg-audio-play{display:none}.bg-audio.is-playing .bg-audio-pause{display:block}
.bg-audio-now{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-audio-track-label{max-width:130px}.bg-audio select{max-width:130px;padding:5px;background:var(--paper);color:var(--ink);border:1px solid var(--rule,var(--line,#aaa));font:11px system-ui,sans-serif}
.bg-audio-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bg-audio-note{font-size:10px}
.masthead>.bg-audio{margin-left:auto;flex:0 0 auto}.masthead>.bg-audio+.diary-search{margin-left:0}.diary-tools{display:flex;gap:14px;align-items:center;max-width:640px;margin:0 auto 35px}.diary-tools>.diary-search{flex:1;margin:0}
@media(max-width:700px){.masthead>.bg-audio{margin-left:0;order:3}.masthead>.bg-audio+.diary-search{order:4}.bg-audio-full{flex-wrap:wrap}.bg-audio-now{max-width:130px}}
@media(prefers-reduced-motion:reduce){.bg-audio-note-icon{visibility:hidden}.bg-audio::before{content:'♫';font-size:20px}}

/* Required Shima structure, loaded after saved template styles. */
/* Entry prose stays with its title; photos have a one-pixel cream seam. */
.shima .entry-heading{width:220px}
.shima .entry-body{gap:1px}
.shima .entry-body>.photo-panel{width:auto;flex:none;margin:0;max-width:none}
.shima .photo-panel>figure,.shima .photo-panel>a{display:block;margin:0}
.shima .photo-panel figure img{margin-bottom:0}
.shima .photo-panel figcaption{margin-top:9px}
.shima .entry-prose{margin-top:22px;font-size:13px;line-height:1.75;color:var(--text,#624637);overflow-wrap:anywhere}
.shima .entry-prose>p{margin:0 0 1em}
.shima .entry-prose>p:last-child{margin-bottom:0}
.shima .entry-prose>*{max-width:100%;width:auto}
.shima .entry-prose blockquote{margin-inline:0;padding-left:14px;border-left:1px solid var(--accent)}
.shima .entry-prose pre{white-space:pre-wrap}
.shima .entry-prose .annotation-block{display:flex;flex-direction:column;gap:12px;margin:1em 0;max-width:100%}
.shima .entry-prose .annotation-notes{padding-left:12px;border-left:1px solid var(--line)}
.shima .entry-prose .ink-note{font:13px/1.6 Arial,Helvetica,sans-serif;color:var(--text,#624637);transform:none}
.shima .entry-prose .reader-lock input{width:100%}
@media(max-width:700px){.shima .entry-heading{width:82vw;max-width:420px;min-height:0}.shima .entry-prose{margin-top:16px}.shima .photo-entry{gap:22px}}

/* Server-rendered photo panels also handle several images inside one figure. */
.shima .entry-body.is-separated{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:1px}
.shima .entry-body.is-separated:empty{display:none}
.shima .photo-panel>figure{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:1px;align-items:start}
.shima .photo-panel>figure>figcaption{grid-row:2;grid-column:1;margin-top:9px}