/* Service-page before/after index — approved concept B.
 * Scoped to the index block and its body-level native dialog.
 * Source links remain usable before JavaScript reveals each tile's button.
 */
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index,
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index *,
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index *::before,
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index *::after,
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog,
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog *,
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog *::before,
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog *::after { box-sizing:border-box; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index :is(h2,h3,h4,p,figure),
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog :is(h2,h3,h4,p,figure) { margin:0; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index :is(button,a),
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog :is(button,a) { -webkit-tap-highlight-color:transparent; }

/* The full-width cream section owns its spacing independently of sp-layout. */
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index.hi-main { width:100%; max-width:none; min-width:0; margin:0; padding:72px max(48px,calc((100% - 1200px) / 2)) 66px; background:#faf7f2; color:#282622; font-family:var(--sans,"Pretendard",sans-serif); font-size:16px; line-height:1.75; letter-spacing:-.02em; word-break:keep-all; overflow-wrap:break-word; scroll-margin-top:calc(var(--header-height,88px) + 20px); --wp--style--block-gap:0; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; width:100%; max-width:none; margin:0 0 31px; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-eyebrow { margin:0 0 12px; color:#b74725; font-size:10px; line-height:1.5; font-weight:600; letter-spacing:.18em; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-title { margin:0; color:#282622; font-family:var(--sans,"Pretendard",sans-serif); font-size:43px; font-weight:400; line-height:1.4; letter-spacing:-.06em; word-break:keep-all; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading-note { margin:0 0 7px; color:#766c60; font-size:12px; line-height:1.9; word-break:keep-all; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-layout { display:grid; grid-template-columns:205px minmax(0,1fr); align-items:stretch; gap:40px; width:100%; max-width:none; min-width:0; margin:0; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary { display:flex; align-items:flex-start; flex-direction:column; min-width:0; margin:0; padding:27px 0 0; border-top:1px solid #c9bfb2; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-category { margin:0; color:#4c463f; font-family:var(--sans,"Pretendard",sans-serif); font-size:17px; font-weight:500; line-height:1.5; letter-spacing:-.035em; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-count { margin:17px 0 0; color:#b74725; font:300 106px/1.05 var(--sans,"Pretendard",sans-serif); letter-spacing:-.065em; white-space:nowrap; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-count small { display:block; margin:8px 0 0 5px; color:#7d7265; font-size:10px; font-weight:500; line-height:1.6; letter-spacing:.2em; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary-description { max-width:190px; margin:30px 0 0; color:#776e63; font-size:12px; line-height:1.95; word-break:keep-all; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary-description strong { color:#393630; font-weight:500; }

/* Dense five-column overview; each tile preserves both original image ratios. */
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board { min-width:0; margin:0; padding:19px 22px 20px; background:#292722; color:#f4ede3; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 0 17px; padding:0 0 16px; border-bottom:1px solid #4b453c; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-title { margin:0; color:#e5dccf; font-family:var(--sans,"Pretendard",sans-serif); font-size:11px; font-weight:400; line-height:1.6; letter-spacing:.035em; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-title span { margin-right:11px; color:#d18d6b; font-family:Georgia,serif; font-size:12px; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-count { color:#bcb1a2; font-size:10px; line-height:1.5; letter-spacing:.07em; white-space:nowrap; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:15px 12px; width:100%; min-width:0; margin:0; padding:0; list-style:none; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile { position:relative; min-width:0; margin:0; padding:0; border:1px solid #474036; background:#211f1a; list-style:none; transition:border-color .16s,background .16s; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile:hover,
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile:focus-within { border-color:#d29775; background:#332a21; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-photo-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; width:100%; min-width:0; margin:0; background:#161512; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-photo-pair figure { min-width:0; margin:0; padding:0; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-source { display:block; margin:0; padding:0; border:0; color:inherit; background:#000; line-height:0; text-decoration:none; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-photo-pair img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:2/3; object-fit:contain; object-position:center; border:0; border-radius:0; background:#000; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-photo-pair figcaption { display:block; margin:0; padding:5px 1px; color:#d9d1c3; background:#211f1a; font-family:var(--sans,"Pretendard",sans-serif); font-size:10px; line-height:1.35; letter-spacing:0; text-align:center; white-space:nowrap; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-photo-pair figure:last-child figcaption { color:#e1b38e; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-photo-pair figcaption span { display:none; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:29px; margin:0; padding:3px 9px 5px; border-top:1px solid #373128; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-number { color:#e8dfcf; font-family:Georgia,serif; font-size:12px; font-weight:400; line-height:1.4; letter-spacing:.03em; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-marker { color:#baab95; font-size:14px; line-height:1; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-open { position:absolute; inset:0; z-index:1; display:block; width:100%; height:100%; min-width:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:0; color:inherit; background:transparent; box-shadow:none; font:inherit; cursor:pointer; touch-action:manipulation; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-open:focus-visible,
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-source:focus-visible { outline:2px solid #f3c59d; outline-offset:3px; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-footer { display:flex; align-items:center; justify-content:flex-end; gap:15px; margin-top:19px; color:#bcb09e; font-size:10px; line-height:1.7; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-footer span:last-child { color:#ab9d87; font-size:9px; letter-spacing:.11em; }
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-disclaimer { margin:18px 0 0 245px; color:#786d60; font-size:11px; line-height:1.8; word-break:keep-all; }

@media(min-width:1600px) {
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index.hi-main { padding-block:80px 74px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading { margin-bottom:36px; }
}
@media(max-width:1150px) {
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index.hi-main { padding:62px 38px 58px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-layout { grid-template-columns:175px minmax(0,1fr); gap:27px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-count { font-size:92px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-title { font-size:37px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board { padding:16px 16px 18px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-grid { gap:12px 9px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary-description { font-size:11px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-disclaimer { margin-left:202px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-heading { gap:9px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-footer { padding-inline:7px; }
}
@media(max-width:850px) {
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index.hi-main { padding:52px 28px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading { margin-bottom:25px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-title { font-size:35px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading-note { max-width:200px; font-size:11px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-layout { grid-template-columns:145px minmax(0,1fr); gap:20px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary { padding-top:21px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-category { font-size:15px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-count { font-size:82px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board { padding:13px 12px 15px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-grid { gap:10px 7px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-footer { min-height:27px; padding:3px 5px 4px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-number { font-size:11px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-marker { font-size:12px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-photo-pair figcaption { padding:4px 0; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-title { font-size:10px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-title span { margin-right:6px; font-size:11px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-footer span:last-child { display:none; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-disclaimer { margin-left:165px; }
}
@media(max-width:600px) {
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index.hi-main { padding:46px 20px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading { display:block; margin-bottom:24px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-eyebrow { margin-bottom:10px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-title { font-size:30px; line-height:1.4; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading-note { max-width:none; margin:13px 0 0; font-size:11px; line-height:1.8; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading-note br { display:none; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-layout { display:block; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; column-gap:16px; padding:19px 0 20px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-category { grid-column:2; grid-row:1; align-self:end; font-size:14px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-count { grid-column:1; grid-row:1/3; align-self:center; margin:0; font-size:66px; line-height:.95; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-count small { margin:7px 0 0 3px; font-size:9px; line-height:1.5; letter-spacing:.1em; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary-description { grid-column:2; grid-row:2; align-self:start; max-width:none; margin:6px 0 0; font-size:11px; line-height:1.7; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary-description br { display:none; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board { padding:14px 12px 13px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-heading { margin-bottom:12px; padding-bottom:12px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-title { font-size:11px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px 7px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile-footer { min-height:27px; padding:3px 6px 4px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-footer { margin-top:13px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-disclaimer { margin:13px 0 0; }
}
@media(max-width:350px) {
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index.hi-main { padding:40px 12px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-title { font-size:27px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-heading { margin-bottom:20px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary { grid-template-columns:78px minmax(0,1fr); column-gap:14px; padding:17px 0 18px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-count { font-size:60px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-category { font-size:13px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-summary-description { font-size:10px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board { padding:12px 10px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-grid { gap:8px 6px; }
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-board-title { font-size:10px; }
}

/* The native dialog is a direct child of body.himchan-site. */
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog { width:calc(100% - 48px); max-width:1120px; max-height:calc(100vh - 38px); max-height:calc(100dvh - 38px); margin:auto; padding:24px 32px; border:0; border-radius:0; color:#282622; background:#faf7f2; box-shadow:0 20px 90px #0004; font-family:var(--sans,"Pretendard",sans-serif); font-size:16px; line-height:1.75; letter-spacing:-.02em; word-break:keep-all; overflow-wrap:break-word; overflow:auto; overscroll-behavior:contain; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog::backdrop { background:#171411dc; backdrop-filter:blur(5px); }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-top { position:sticky; top:-24px; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 0 18px; padding:4px 0 8px; background:#faf7f2; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-top p { margin:0; color:#746d66; font-size:11px; line-height:1.8; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-title { min-width:0; margin:0; color:#282622; font-family:var(--serif,"Noto Serif KR",serif); font-size:24px; font-weight:500; line-height:1.5; letter-spacing:-.035em; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-close { flex:0 0 44px; display:flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; margin:0; padding:0; border:1px solid #cabeb2; border-radius:0; color:#282622; background:transparent; font-family:var(--sans,"Pretendard",sans-serif); font-size:25px; line-height:1; cursor:pointer; touch-action:manipulation; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-mode { display:none; gap:6px; margin:-5px 0 16px; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-mode button { min-height:44px; margin:0; padding:7px 12px; border:1px solid #d4c7b9; border-radius:0; color:#5f574e; background:transparent; font-family:var(--sans,"Pretendard",sans-serif); font-size:11px; line-height:1.6; cursor:pointer; touch-action:manipulation; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-mode button[aria-pressed="true"] { color:#a33d20; border-color:#b74725; background:#f5e8df; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-images { width:100%; max-width:850px; min-width:0; margin:0 auto; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:100%; min-width:0; margin:0; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair figure { min-width:0; margin:0; padding:0; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-source { display:block; margin:0; padding:0; border:0; color:inherit; line-height:0; text-decoration:none; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair img { display:block; width:100%; max-width:100%; height:calc(100vh - 255px); height:calc(100dvh - 255px); max-height:680px; aspect-ratio:auto; object-fit:contain; object-position:center; border:0; border-radius:0; background:#000; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair figcaption { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0; padding:9px 0; color:#746d66; font-family:var(--sans,"Pretendard",sans-serif); font-size:12px; line-height:1.6; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair figcaption span { font-size:10px; letter-spacing:.1em; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair figure:last-child figcaption { color:#b74725; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:14px 0 0; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-arrows { display:flex; align-items:center; gap:10px; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-arrows button { display:flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; margin:0; padding:0; border:1px solid #d2c7bb; border-radius:0; color:#282622; background:transparent; font-family:var(--sans,"Pretendard",sans-serif); font-size:24px; line-height:1; cursor:pointer; touch-action:manipulation; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-position { min-width:55px; color:#5d544a; font-size:12px; line-height:1.6; text-align:center; white-space:nowrap; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-disclaimer { margin:0; color:#746b61; font-size:11px; line-height:1.8; word-break:keep-all; }
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog button:focus-visible,
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog a:focus-visible { outline:2px solid #b74725; outline-offset:4px; }

@media(max-width:767px) {
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog { width:calc(100% - 20px); max-height:calc(100vh - 20px); max-height:calc(100dvh - 20px); padding:17px 15px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-top { top:-17px; margin-bottom:20px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-title { font-size:20px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-mode { display:flex; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair { gap:6px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair img { height:auto; max-height:none; aspect-ratio:2/3; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair figcaption { font-size:11px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-photo-pair figcaption span { font-size:9px; letter-spacing:.07em; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-bottom { align-items:flex-start; flex-wrap:wrap; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-arrows { margin-left:auto; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog .hi-dialog-bottom .hi-disclaimer { order:2; width:100%; max-width:100%; margin-top:10px; font-size:11px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog.is-large .hi-dialog-images { max-width:600px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog.is-large .hi-photo-pair { grid-template-columns:1fr; gap:18px; }
  :is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog.is-large .hi-photo-pair img { height:auto; max-height:none; aspect-ratio:2/3; }
}

/* Author styles cannot override the native progressive-enhancement state. */
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index[hidden],
:is(.himchan-site,.editor-styles-wrapper) .himchan-case-index [hidden],
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog[hidden],
:is(.himchan-site,.editor-styles-wrapper) dialog.hi-dialog [hidden] { display:none!important; }
@media(prefers-reduced-motion:reduce) {
  :is(.himchan-site,.editor-styles-wrapper) .himchan-case-index .hi-tile { transition:none; }
}