/* Scoped to the optional editorial Observe preview; no shared theme overrides. */
.sinkiro-observe { --observe-rule:#35483f; --observe-accent:#9fd7c5; margin:0 0 48px; padding:28px 0; border-block:1px solid var(--observe-rule); color:#eeede5; }
.sinkiro-observe * { box-sizing:border-box; }
.sinkiro-observe .sinkiro-observe-eyebrow { margin:0 0 12px; color:var(--observe-accent); font-size:11px; letter-spacing:.16em; }
.sinkiro-observe h2 { margin:0 0 24px; font:400 clamp(26px,3vw,36px)/1.6 "Yu Mincho",serif; }
.sinkiro-observe .sinkiro-observe-lead { margin:0 0 12px; font-size:clamp(20px,2vw,25px); line-height:1.8; }
.sinkiro-observe .sinkiro-observe-muted { color:#b4bcb3; font-size:13px; }
.sinkiro-observe details { margin-top:22px; border-block:1px solid var(--observe-rule); }
.sinkiro-observe summary { display:flex; justify-content:space-between; gap:16px; list-style:none; cursor:pointer; padding:16px 0; font-size:14px; min-height:52px; }
.sinkiro-observe summary::-webkit-details-marker { display:none; }
.sinkiro-observe summary::after { content:'+'; color:var(--observe-accent); font-size:22px; line-height:1; }
.sinkiro-observe details[open]>summary::after { content:'−'; }
.sinkiro-observe a:focus-visible,.sinkiro-observe summary:focus-visible { outline:2px solid var(--observe-accent); outline-offset:5px; }
.sinkiro-observe .sinkiro-observe-reading { padding:0 0 16px; max-width:68ch; }
.sinkiro-observe .sinkiro-observe-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding:16px 0; }
.sinkiro-observe figure { margin:0; min-width:0; }
.sinkiro-observe .sinkiro-observe-art { height:clamp(180px,28vw,340px); display:flex; align-items:center; justify-content:center; background:#070b09; padding:12px; border:1px solid var(--observe-rule); }
.sinkiro-observe .sinkiro-observe-art img { display:block; width:100%; height:100%; max-height:100%; object-fit:contain; }
.sinkiro-observe figcaption { padding-top:12px; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.sinkiro-observe figcaption small { display:block; margin-top:7px; color:#b4bcb3; font-size:10px; }
.sinkiro-observe .sinkiro-observe-question { margin-top:20px; }
.sinkiro-observe .sinkiro-observe-question h3 { font:400 clamp(20px,2vw,26px)/1.7 "Yu Mincho",serif; margin:0 0 10px; }
.sinkiro-observe .sinkiro-observe-question p { font-size:12px; color:#b4bcb3; }
.sinkiro-observe .sinkiro-observe-carry { border-left:2px solid var(--observe-accent); background:#101815; padding:18px 24px; margin:24px 0; }
.sinkiro-observe .sinkiro-observe-carry h3 { margin:0 0 10px; font-size:12px; color:var(--observe-accent); }
.sinkiro-observe .sinkiro-observe-carry p { font:400 21px/1.8 "Yu Mincho",serif; margin:0; }
.sinkiro-observe .sinkiro-observe-preview { display:block; margin-top:22px; color:#b4bcb3; font-size:10px; }
@media(max-width:600px) { .sinkiro-observe .sinkiro-observe-grid { gap:12px; } .sinkiro-observe .sinkiro-observe-art { height:48vw; padding:6px; } .sinkiro-observe figcaption { font-size:12px; } }
/* The preview uses the article width so comparison never becomes a sidebar. */
.detail-grid:has(.sinkiro-observe) { grid-template-columns:minmax(0,1fr); max-width:1180px; margin-inline:auto; gap:32px; }
.detail-grid:has(.sinkiro-observe) .detail-media { width:100%; max-width:800px; justify-self:center; }

/* The original image/title nodes are moved here; reading and focus order agree. */
.sinkiro-observe [hidden] { display:none; }
.sinkiro-observe .sinkiro-observe-opening { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:58px; align-items:start; }
.sinkiro-observe .sinkiro-observe-primary { min-width:0; }
.sinkiro-observe .detail-media { border:0; background:none; padding:0; }
.sinkiro-observe .detail-image-stage { height:400px; min-height:0; padding:17px; display:flex; align-items:center; justify-content:center; background:#070b09; border:1px solid var(--observe-rule); }
.sinkiro-observe .detail-image-stage img { width:100%; height:100%; max-height:100%; object-fit:contain; }
.sinkiro-observe .sinkiro-observe-caption { padding-top:14px; }
.sinkiro-observe .sinkiro-observe-caption h1 { font:500 18px/1.7 system-ui,sans-serif; margin:0; letter-spacing:0; }
.sinkiro-observe .sinkiro-observe-caption .detail-english { margin:3px 0 8px; font-size:11px; color:#b4bcb3; }
.sinkiro-observe [data-observe-first-look] { min-width:0; padding-top:8px; }
.sinkiro-observe [data-observe-first-look] h2 { font-size:18px; margin:0 0 16px; }
.sinkiro-observe .sinkiro-observe-lead { font:400 clamp(25px,2.65vw,33px)/1.65 "Yu Mincho",serif; margin:0 0 16px; text-wrap:pretty; }
.sinkiro-observe .sinkiro-observe-compare { margin-top:28px; border:0; }
.sinkiro-observe .sinkiro-observe-compare > summary { width:fit-content; min-width:218px; padding:13px 18px; border:1px solid #536d5e; color:var(--observe-accent); background:#14201a; }
.sinkiro-observe .sinkiro-observe-grid { border-top:1px solid var(--observe-rule); margin-top:28px; padding-top:28px; }
.sinkiro-observe .sinkiro-observe-art { height:340px; }
.sinkiro-observe .sinkiro-observe-credit { display:block; margin-top:7px; color:#b4bcb3; font-size:10px; line-height:1.65; overflow-wrap:anywhere; }
.sinkiro-observe .sinkiro-observe-sources { margin-top:8px; border:0; }
.sinkiro-observe .sinkiro-observe-sources summary { padding:4px 0; min-height:32px; width:fit-content; font-size:10px; gap:16px; color:#b4bcb3; }
.sinkiro-observe .sinkiro-observe-sources summary::after { font-size:16px; }
.sinkiro-observe .sinkiro-observe-sources a { display:block; font-size:11px; margin:5px 0; color:var(--observe-accent); }
@media(max-width:760px) {
 .sinkiro-observe .sinkiro-observe-opening { grid-template-columns:minmax(0,1fr); gap:25px; }
 .sinkiro-observe .detail-image-stage { height:auto; aspect-ratio:var(--observe-image-ratio,1.26); padding:12px; }
 .sinkiro-observe [data-observe-first-look] { padding-top:0; }
 .sinkiro-observe .sinkiro-observe-lead { font-size:26px; }
 .sinkiro-observe .sinkiro-observe-compare > summary { width:100%; }
 .sinkiro-observe .sinkiro-observe-art { height:48vw; padding:6px; }
}

.sinkiro-observe .sinkiro-observe-lead span { display:block; }


.sinkiro-observe .sinkiro-observe-work-link { display:inline-block; text-decoration:none; text-underline-offset:4px; }
.sinkiro-observe .sinkiro-observe-work-link:hover { color:var(--observe-accent); text-decoration:underline; }

/* Optional entry never matches the observation layout selectors. */
.sinkiro-observe-entry { margin:0 0 24px; }
.sinkiro-observe-entry a { display:inline-flex; align-items:center; gap:16px; padding:12px 16px; border:1px solid #35483f; color:#9fd7c5; font-size:13px; text-decoration:none; }
.sinkiro-observe-entry a:hover { border-color:#9fd7c5; }
.sinkiro-observe-entry a:focus-visible { outline:2px solid #9fd7c5; outline-offset:4px; }
.sinkiro-observe .sinkiro-observe-back { display:inline-block; margin:0 0 24px; color:#b4bcb3; font-size:12px; text-decoration:none; }
.sinkiro-observe .sinkiro-observe-back:hover { color:var(--observe-accent); text-decoration:underline; }