:root {
  color-scheme: light;
  --ir-paper: #faf9f5;
  --ir-surface: #fffefa;
  --ir-sidebar: #f2f0e9;
  --ir-ink: #302f2b;
  --ir-muted: #777166;
  --ir-line: #e4e0d6;
  --ir-accent: #a45135;
  --ir-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
html { scroll-padding-top: 5.5rem; }
body { margin: 0; background: var(--ir-sidebar); }
#interview-reading-layout { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: var(--ir-ink); font-size: 1rem; line-height: 1.7; overflow-wrap: anywhere; max-width: 1440px; margin: 0 auto; }
#interview-reading-layout * { box-sizing: border-box; }
#interview-reading-layout [hidden] { display: none !important; }
#interview-reading-layout a { color: var(--ir-accent); text-underline-offset: 4px; }
#interview-reading-layout a:focus-visible, #interview-reading-layout summary:focus-visible, #interview-reading-layout button:focus-visible { outline: 2px solid var(--ir-accent); outline-offset: 4px; border-radius: 4px; }
#interview-reading-layout h1:focus, #interview-reading-layout main:focus { outline: none; }
#interview-reading-layout .ir-skip { position: fixed; top: -100px; left: 16px; z-index: 20; padding: 10px 16px; background: var(--ir-surface); border: 1px solid var(--ir-accent); border-radius: 8px; }
#interview-reading-layout .ir-skip:focus { top: 10px; }
#interview-reading-layout .ir-window { background: var(--ir-paper); border-inline: 1px solid var(--ir-line); min-height: 100vh; }
#interview-reading-layout .ir-header { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 12px 28px; border-bottom: 1px solid var(--ir-line); min-height: 76px; background: var(--ir-paper); position: sticky; top: 0; z-index: 10; }
#interview-reading-layout .ir-name { display: inline-flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 600; color: var(--ir-ink); text-decoration: none; white-space: nowrap; }
#interview-reading-layout .ir-brand-mark { width: 30px; height: 30px; display: inline-grid; place-items: center; background: #39372f; color: #f7f2e9; border-radius: 8px; }
#interview-reading-layout .ir-brand-mark svg { width: 22px; height: 22px; }
#interview-reading-layout .ir-topic-switch { display: flex; align-items: center; gap: 3px; flex-wrap: wrap; padding: 4px; background: #f0eee7; border: 1px solid #e8e4da; border-radius: 10px; }
#interview-reading-layout .ir-topic-switch a { padding: 7px 11px; font-size: 0.875rem; color: #69665e; text-decoration: none; border-radius: 7px; transition: background 140ms ease, color 140ms ease; }
#interview-reading-layout .ir-topic-switch a:hover { color: var(--ir-ink); background: #e8e4da; }
#interview-reading-layout .ir-topic-switch a.is-current { color: var(--ir-ink); background: var(--ir-surface); font-weight: 600; box-shadow: 0 1px 3px #3b342012; }
#interview-reading-layout .ir-header-link { margin-left: auto; font-size: 0.875rem; color: #69665e; text-decoration: none; padding: 8px 0; }
#interview-reading-layout .ir-header-link:hover { color: var(--ir-accent); }
#interview-reading-layout .ir-columns { display: grid; grid-template-columns: 254px minmax(0, 1fr); min-height: calc(100vh - 76px); }
#interview-reading-layout .ir-sidebar { padding: 28px 14px 28px 18px; background: var(--ir-sidebar); border-right: 1px solid var(--ir-line); min-width: 0; }
#interview-reading-layout .ir-sidebar-inner { position: sticky; top: 100px; max-height: calc(100vh - 124px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #ccc6b9 transparent; padding-right: 5px; }
#interview-reading-layout .ir-side-title { font-size: 1rem; font-weight: 600; color: #47443d; padding-left: 10px; }
#interview-reading-layout .ir-side-count { font-family: var(--ir-mono); font-size: 0.8125rem; color: var(--ir-muted); margin: 5px 0 24px; padding-left: 10px; }
#interview-reading-layout .ir-nav-group { margin-bottom: 20px; }
#interview-reading-layout .ir-nav-group h2 { color: #797267; font-size: 0.75rem; font-weight: 500; margin: 0 0 7px; padding: 0 10px; }
#interview-reading-layout .ir-topic-nav a { position: relative; display: flex; align-items: baseline; gap: 10px; min-height: 36px; padding: 8px 10px; font-size: 0.875rem; line-height: 1.5; color: #69655c; text-decoration: none; border-radius: 7px; transition: background 140ms ease, color 140ms ease; }
#interview-reading-layout .ir-topic-nav a:hover { background: #e9e5db; color: var(--ir-ink); }
#interview-reading-layout .ir-topic-nav a.is-current { background: #e8e3d8; color: #37342d; font-weight: 600; }
#interview-reading-layout .ir-topic-nav a.is-current::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: #bc7458; }
#interview-reading-layout .ir-nav-number { color: #81786a; font-family: var(--ir-mono); font-size: 0.75rem; font-weight: 400; font-variant-numeric: tabular-nums; min-width: 18px; }
#interview-reading-layout .is-current .ir-nav-number { color: var(--ir-accent); }
#interview-reading-layout .ir-selection-link { border-top: 1px solid #ded8cb; border-radius: 0 !important; padding-top: 14px !important; margin-top: 8px; }
#interview-reading-layout .ir-main { padding: 36px 56px 60px; min-width: 0; max-width: 936px; width: 100%; margin-inline: auto; }
#interview-reading-layout .ir-main > [data-view] + [data-view] { border-top: 1px solid var(--ir-line); margin-top: 32px; padding-top: 36px; }
#interview-reading-layout .ir-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; font-family: var(--ir-mono); font-size: 0.75rem; color: #80776a; }
#interview-reading-layout .ir-priority { display: inline-block; color: #935135; background: #f1e5d9; padding: 2px 8px; border-radius: 5px; font-size: 0.75rem; font-family: inherit; font-weight: 500; white-space: nowrap; }
#interview-reading-layout .ir-priority-extra { color: #666052; background: #eae6dc; }
#interview-reading-layout .ir-priority-muted { color: #817a70; background: #efede7; }
#interview-reading-layout h1 { font-family: "Iowan Old Style", "Palatino Linotype", "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", SimSun, serif; font-size: 1.875rem; font-weight: 600; line-height: 1.5; letter-spacing: 0.015em; margin: 14px 0 24px; color: #333029; }
#interview-reading-layout h2 { font-size: 1.0625rem; font-weight: 600; line-height: 1.6; margin: 0 0 8px; }
#interview-reading-layout h3 { font-size: 0.9375rem; font-weight: 600; color: #4b463c; line-height: 1.65; margin: 0 0 6px; }
#interview-reading-layout p { margin: 0 0 14px; font-size: 1.0625rem; line-height: 1.9; }
#interview-reading-layout strong { font-weight: 600; color: #3d3830; }
#interview-reading-layout .ir-oral { margin-bottom: 16px; border: 1px solid #ded8cd; border-radius: 12px; background: var(--ir-surface); box-shadow: 0 2px 8px #40372304; overflow: hidden; }
#interview-reading-layout .ir-oral-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; padding: 12px 18px; border-bottom: 1px solid #e9e4da; }
#interview-reading-layout .ir-oral-heading h2 { margin: 0; font-size: 0.875rem; font-weight: 500; color: #787064; }
#interview-reading-layout .ir-mask-toggle { appearance: none; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #d9d1c4; border-radius: 7px; background: var(--ir-surface); color: #676054; font-family: inherit; font-size: 0.875rem; line-height: 1.5; min-height: 44px; padding: 8px 13px; cursor: pointer; flex-shrink: 0; transition: background 140ms ease, border-color 140ms ease; }
#interview-reading-layout .ir-mask-toggle::before { content: ""; width: 16px; height: 16px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9 5.4A11 11 0 0 1 12 5c7 0 10 7 10 7a16 16 0 0 1-3.2 4.3M6.2 6.2A16 16 0 0 0 2 12s3 7 10 7a12 12 0 0 0 5.5-1.4'/%3E%3C/svg%3E") center / contain no-repeat; }
#interview-reading-layout .ir-mask-toggle[aria-pressed="true"] { background: #3c3830; color: #fcf8ef; border-color: #3c3830; }
#interview-reading-layout .ir-mask-toggle[aria-pressed="true"]::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
#interview-reading-layout .ir-mask-toggle:hover { background: #f0ebe2; border-color: #b8ad9b; }
#interview-reading-layout .ir-mask-toggle[aria-pressed="true"]:hover { background: #565044; border-color: #565044; }
#interview-reading-layout .ir-mask-wrap { position: relative; padding: 22px 24px 24px; }
#interview-reading-layout .ir-mask-wrap.is-masked { height: 128px; padding: 0; overflow: hidden; }
#interview-reading-layout .ir-oral-lead { margin: 0 0 20px; color: #635c50; }
#interview-reading-layout .ir-oral-steps { list-style: none; counter-reset: oral-step; margin: 0 0 22px; padding: 0; font-size: 1.0625rem; line-height: 1.9; }
#interview-reading-layout .ir-oral-steps li { position: relative; counter-increment: oral-step; padding-left: 42px; }
#interview-reading-layout .ir-oral-steps li + li { margin-top: 18px; }
#interview-reading-layout .ir-oral-steps li::before { content: counter(oral-step, decimal-leading-zero); position: absolute; top: 3px; left: 0; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #e2d7c9; border-radius: 7px; background: #f6f0e7; color: #a15b3d; font-family: var(--ir-mono); font-size: 0.75rem; line-height: 1; }
#interview-reading-layout .ir-oral-memory { border-top: 1px solid var(--ir-line); padding-top: 16px; font-family: var(--ir-mono); font-size: 0.875rem; line-height: 1.8; color: #79684f; }
#interview-reading-layout .ir-oral-memory strong { color: #756954; font-weight: 500; }
#interview-reading-layout .ir-oral-boundaries { margin-top: 18px; padding: 13px 16px; background: #f3f1e9; border-left: 2px solid #b8ab8e; border-radius: 0 7px 7px 0; }
#interview-reading-layout .ir-oral-boundaries h3 { font-size: 0.8125rem; font-weight: 500; margin-bottom: 7px; color: #80745e; }
#interview-reading-layout .ir-oral-boundaries ul { margin: 0; padding-left: 18px; font-size: 0.9375rem; line-height: 1.85; color: #746b5b; }
#interview-reading-layout .ir-oral-boundaries li + li { margin-top: 6px; }
#interview-reading-layout .is-masked .ir-oral-content { visibility: hidden; user-select: none; pointer-events: none; }
#interview-reading-layout .ir-mask-cover { position: absolute; inset: 12px; border: 1px solid #e5ded1; border-radius: 7px; background-color: #eee9de; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath fill='%23e2dccf' d='M0 0h8v8H0zm24 0h8v8h-8zm16 8h8v8h-8zm-24 8h8v8h-8zm40 0h8v8h-8zm-48 16h8v8H8zm24 8h8v8h-8zm16-8h8v8h-8zm-32 24h8v8h-8zm40 0h8v8h-8z'/%3E%3Cpath fill='%23f5f1e9' d='M8 0h8v8H8zm32 0h8v8h-8zm-16 16h8v8h-8zm24 8h8v8h-8zm8 8h8v8h-8zm-48 8h8v8H8zm24 8h8v8h-8zm8 8h8v8h-8zm-40 0h8v8H0z'/%3E%3Cpath fill='%23e8e1d4' d='M0 16h8v8H0zm32-8h8v8h-8zm16 16h8v8h-8zm-32 8h8v8h-8zm8 8h8v8h-8zm24 8h8v8h-8zm-24 8h8v8h-8z'/%3E%3C/svg%3E"); background-size: 64px 64px; box-shadow: inset 0 0 24px #faf8f160; }
#interview-reading-layout .ir-answer { border-left: 2px solid #c18a6e; padding-left: 16px; margin-bottom: 20px; }
#interview-reading-layout .ir-answer p:last-child { margin-bottom: 0; }
#interview-reading-layout .ir-answer-heading { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
#interview-reading-layout .ir-time { font-family: var(--ir-mono); font-size: 0.75rem; color: #847766; }
#interview-reading-layout .ir-keywords { font-size: 0.9375rem; line-height: 1.8; padding: 14px 0 16px; color: #786b58; border-top: 1px solid var(--ir-line); }
#interview-reading-layout .ir-original-answer .ir-keywords { padding-bottom: 0; }
#interview-reading-layout details { border-top: 1px solid var(--ir-line); padding: 0; }
#interview-reading-layout summary { list-style: none; position: relative; font-size: 0.9375rem; font-weight: 500; line-height: 1.65; color: #635c50; min-height: 48px; padding: 13px 24px 13px 0; cursor: pointer; }
#interview-reading-layout summary::-webkit-details-marker { display: none; }
#interview-reading-layout summary::after { content: ""; position: absolute; right: 5px; top: 19px; width: 7px; height: 7px; border: solid #9e9485; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); transition: transform 140ms ease; }
#interview-reading-layout details[open] > summary::after { transform: rotate(225deg); top: 23px; }
#interview-reading-layout summary:hover { color: var(--ir-ink); }
#interview-reading-layout .ir-original-answer { border-top: 0; }
#interview-reading-layout .ir-original-answer > summary { color: var(--ir-accent); }
#interview-reading-layout .ir-count { font-size: 0.8125rem; color: #867b6b; font-weight: 400; margin-left: 12px; }
#interview-reading-layout .ir-detail { padding: 8px 0 20px; }
#interview-reading-layout .ir-detail p { font-size: 1rem; line-height: 1.9; }
#interview-reading-layout .ir-detail .ir-caption { font-size: 0.875rem; color: #807362; margin-bottom: 20px; }
#interview-reading-layout .ir-question-list { padding: 0; margin: 0; list-style: none; }
#interview-reading-layout .ir-question { padding: 0 0 18px; margin: 0 0 18px; border-bottom: 1px solid var(--ir-line); }
#interview-reading-layout .ir-question-list .ir-question:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 4px; }
#interview-reading-layout .ir-question p { font-size: 0.9375rem; color: #796e5e; margin: 0; }
#interview-reading-layout .ir-question-meta { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; color: #817565; font-size: 0.75rem; margin-bottom: 7px; }
#interview-reading-layout .ir-question-meta a { font-size: 0.8125rem; }
#interview-reading-layout .ir-inline-tag { color: #796749; background: #f0e9db; padding: 2px 7px; border-radius: 4px; font-size: 0.75rem; }
#interview-reading-layout .ir-extra-question { margin: 20px 0 0; border-top: 1px solid var(--ir-line); border-bottom: 0; padding-top: 18px; padding-bottom: 0; }
#interview-reading-layout .ir-explanation { margin-bottom: 20px; }
#interview-reading-layout pre { max-width: 100%; overflow-x: auto; padding: 18px; margin: 14px 0 0; border: 1px solid #ded7c9; border-radius: 9px; background: #f0eee6; line-height: 1.7; }
#interview-reading-layout pre code { font-family: var(--ir-mono); font-size: 0.8125rem; white-space: pre; color: #635747; }
#interview-reading-layout .ir-notes { padding-left: 20px; margin: 4px 0 20px; color: #786e5f; font-size: 0.9375rem; line-height: 1.9; }
#interview-reading-layout .ir-notes li + li { margin-top: 8px; }
#interview-reading-layout .ir-references { border-top: 1px solid var(--ir-line); padding-top: 14px; }
#interview-reading-layout .ir-references h3 { font-size: 0.8125rem; color: #847661; font-weight: 500; }
#interview-reading-layout .ir-references ul { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; padding: 0; margin: 6px 0; font-size: 0.8125rem; }
#interview-reading-layout .ir-source { margin-top: 4px; padding-top: 13px; border-top: 1px solid var(--ir-line); display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; font-size: 0.75rem; color: #887b66; }
#interview-reading-layout .ir-source a { color: #87755e; font-size: 0.8125rem; text-decoration-color: #bbae99; }
#interview-reading-layout .ir-boundary { margin: 22px 0 0; padding: 14px 16px; color: #7c6345; background: #f0eade; border: 1px solid #e6dece; border-radius: 8px; font-size: 0.875rem; }
#interview-reading-layout .ir-mobile-directory { display: none; }
#interview-reading-layout .ir-scope-stats { display: flex; gap: 12px 28px; flex-wrap: wrap; font-size: 0.875rem; padding: 0 0 22px; margin-bottom: 22px; border-bottom: 1px solid var(--ir-line); color: #796b57; }
#interview-reading-layout .ir-scope-stats strong { font-family: var(--ir-mono); font-size: 1.25rem; padding-right: 4px; }
#interview-reading-layout .ir-selection-note { font-size: 0.9375rem; color: #84735d; padding-left: 15px; border-left: 2px solid #c7b694; margin-top: 22px; }
#interview-reading-layout .ir-table-wrap { margin-top: 28px; }
#interview-reading-layout .ir-selection-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 0.875rem; line-height: 1.75; }
#interview-reading-layout .ir-selection-table caption { text-align: left; font-size: 1rem; font-weight: 600; color: #5a4e3e; padding-bottom: 14px; }
#interview-reading-layout .ir-selection-table th { text-align: left; font-weight: 500; color: #796a54; background: #eee9df; padding: 12px 10px; border-bottom: 1px solid #ddd3c1; }
#interview-reading-layout .ir-selection-table td { vertical-align: top; padding: 16px 10px; border-bottom: 1px solid var(--ir-line); color: #7e715f; }
#interview-reading-layout .ir-selection-table th:nth-child(1) { width: 31%; }
#interview-reading-layout .ir-selection-table th:nth-child(2) { width: 15%; }
#interview-reading-layout .ir-selection-table th:nth-child(3) { width: 24%; }
#interview-reading-layout .ir-selection-table th:nth-child(4) { width: 30%; }
#interview-reading-layout .ir-selection-table .ir-priority { font-size: 0.75rem; padding-inline: 6px; }
#interview-reading-layout .ir-origin-number { font-family: var(--ir-mono); font-size: 0.75rem; color: #847359; display: block; margin-bottom: 6px; font-variant-numeric: tabular-nums; }
@media (max-width: 1180px) {
  #interview-reading-layout .ir-header { gap: 12px 16px; }
  #interview-reading-layout .ir-header-link { display: none; }
  #interview-reading-layout .ir-columns { grid-template-columns: 230px minmax(0, 1fr); }
  #interview-reading-layout .ir-main { padding-inline: 36px; }
}
@media (max-width: 1340px) {
  #interview-reading-layout .ir-header { position: static; }
  #interview-reading-layout .ir-topic-switch { flex-basis: 100%; }
  #interview-reading-layout .ir-sidebar-inner { top: 24px; max-height: calc(100vh - 48px); }
  #interview-reading-layout .ir-main { padding-inline: 28px; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 88px; }
  #interview-reading-layout .ir-window { border: 0; }
  #interview-reading-layout .ir-columns { grid-template-columns: minmax(0, 1fr); }
  #interview-reading-layout .ir-sidebar { display: none; }
  #interview-reading-layout .ir-header { padding: 16px 18px 12px; gap: 14px; }
  #interview-reading-layout .ir-name { font-size: 0.9375rem; }
  #interview-reading-layout .ir-topic-switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 3px; }
  #interview-reading-layout .ir-topic-switch a { min-height: 44px; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; padding: 7px 5px; }
  #interview-reading-layout .ir-mobile-directory { display: block; position: sticky; top: 0; z-index: 5; background: #f2f0e9f5; padding: 0 18px; border-block: 1px solid #e0dacf; backdrop-filter: blur(12px); }
  #interview-reading-layout .ir-mobile-directory details { border: 0; padding: 0; }
  #interview-reading-layout .ir-mobile-directory summary { font-size: 0.875rem; min-height: 52px; padding: 14px 22px 14px 0; }
  #interview-reading-layout .ir-mobile-directory summary::after { top: 20px; }
  #interview-reading-layout .ir-mobile-directory details[open] > summary::after { top: 24px; }
  #interview-reading-layout .ir-mobile-current { font-size: 0.75rem; font-weight: 400; color: #7e715d; margin-left: 12px; }
  #interview-reading-layout .ir-mobile-directory .ir-topic-nav { padding: 8px 0 12px; max-height: calc(100dvh - 84px); overflow-y: auto; }
  #interview-reading-layout .ir-mobile-directory .ir-topic-nav a { min-height: 44px; align-items: center; }
  #interview-reading-layout .ir-main { padding: 24px 18px 40px; }
  #interview-reading-layout .ir-main > [data-view] + [data-view] { margin-top: 24px; padding-top: 28px; }
  #interview-reading-layout h1 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; margin: 14px 0 20px; }
  #interview-reading-layout .ir-meta { gap: 7px 10px; line-height: 1.7; }
  #interview-reading-layout .ir-oral-heading { padding: 9px 12px; }
  #interview-reading-layout .ir-mask-toggle { padding-inline: 10px; }
  #interview-reading-layout .ir-mask-wrap { padding: 18px 16px 20px; }
  #interview-reading-layout .ir-mask-wrap.is-masked { height: 112px; }
  #interview-reading-layout .ir-mask-cover { inset: 10px; }
  #interview-reading-layout .ir-oral-lead { margin-bottom: 18px; }
  #interview-reading-layout .ir-oral-steps li { padding-left: 35px; }
  #interview-reading-layout .ir-oral-steps li::before { width: 25px; height: 25px; top: 4px; border-radius: 6px; }
  #interview-reading-layout .ir-oral-boundaries { padding: 12px; }
  #interview-reading-layout .ir-answer { padding-left: 12px; }
  #interview-reading-layout .ir-count { margin-left: 8px; font-size: 0.75rem; }
  #interview-reading-layout .ir-selection-table, #interview-reading-layout .ir-selection-table tbody { display: block; }
  #interview-reading-layout .ir-selection-table caption { display: block; }
  #interview-reading-layout .ir-selection-table thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
  #interview-reading-layout .ir-selection-table tr { display: block; padding: 18px 0; border-top: 1px solid var(--ir-line); }
  #interview-reading-layout .ir-selection-table td { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 10px; border: 0; padding: 5px 0; }
  #interview-reading-layout .ir-selection-table td::before { content: attr(data-label); color: #87755b; font-size: 0.75rem; }
  #interview-reading-layout .ir-selection-table td:first-child { display: flex; align-items: baseline; padding-bottom: 12px; font-size: 0.9375rem; }
  #interview-reading-layout .ir-selection-table td:first-child::before { display: none; }
  #interview-reading-layout .ir-selection-table .ir-priority { width: max-content; }
  #interview-reading-layout .ir-origin-number { min-width: 20px; margin: 0; }
}
@media (max-width: 380px) {
  #interview-reading-layout .ir-mobile-current { display: block; margin: 2px 0 0; }
  #interview-reading-layout .ir-count { display: block; margin: 3px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #interview-reading-layout * { transition: none !important; }
}
@media print {
  #interview-reading-layout .ir-sidebar, #interview-reading-layout .ir-mobile-directory, #interview-reading-layout .ir-header-link, #interview-reading-layout .ir-topic-switch, #interview-reading-layout .ir-mask-toggle { display: none; }
  #interview-reading-layout .ir-header { position: static; }
  #interview-reading-layout .ir-columns { display: block; }
  #interview-reading-layout .ir-main { max-width: none; padding: 20px 0; }
  #interview-reading-layout .ir-window { border: 0; }
}

#interview-reading-layout .ir-header-actions { display: flex; align-items: center; gap: 18px; margin-left: auto; }
#interview-reading-layout .ir-theme-toggle { appearance: none; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--ir-line); border-radius: 7px; background: var(--ir-surface); color: var(--ir-ink); min-height: 44px; padding: 8px 12px; font: inherit; font-size: 0.875rem; line-height: 1.5; white-space: nowrap; cursor: pointer; }
#interview-reading-layout .ir-theme-toggle:hover { border-color: var(--ir-accent); }
#interview-reading-layout .ir-theme-toggle::before { content: ""; width: 16px; height: 16px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.2A8.5 8.5 0 0 1 9.8 4 8.5 8.5 0 1 0 20 14.2Z'/%3E%3C/svg%3E") center / contain no-repeat; }
#interview-reading-layout .ir-theme-toggle[aria-pressed="true"]::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.4 1.4m11.2 11.2L19 19M5 19l1.4-1.4M17.6 6.4 19 5'/%3E%3C/svg%3E"); }
@media (max-width: 980px) {
  #interview-reading-layout .ir-header-actions { order: 2; }
  #interview-reading-layout .ir-topic-switch { order: 3; }
}
@media screen {
  :root[data-theme="dark"] {
    color-scheme: dark;
    --ir-paper: #24231f;
    --ir-surface: #2a2823;
    --ir-sidebar: #201f1b;
    --ir-ink: #c7c1b5;
    --ir-muted: #aaa08f;
    --ir-line: #3e3931;
    --ir-accent: #cba28a;
  }
  :root[data-theme="dark"] #interview-reading-layout { scrollbar-color: #565044 #24231f; }
  :root[data-theme="dark"] #interview-reading-layout ::selection { background: #66513d; color: #e1d0b9; }
  :root[data-theme="dark"] #interview-reading-layout .ir-brand-mark { background: #3d352c; color: #d4ad91; }
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-switch { background: #2c2923; border-color: #403a31; }
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-switch a,
  :root[data-theme="dark"] #interview-reading-layout .ir-header-link,
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-nav a { color: #b3aa9a; }
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-switch a:hover,
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-nav a:hover { background: #37322a; color: #d5cbbb; }
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-switch a.is-current { color: #d7cbbc; background: #42392f; box-shadow: none; }
  :root[data-theme="dark"] #interview-reading-layout .ir-header-link:hover { color: var(--ir-accent); }
  :root[data-theme="dark"] #interview-reading-layout .ir-sidebar-inner { scrollbar-color: #565044 transparent; }
  :root[data-theme="dark"] #interview-reading-layout .ir-side-title,
  :root[data-theme="dark"] #interview-reading-layout h3,
  :root[data-theme="dark"] #interview-reading-layout strong { color: #d0c5b4; }
  :root[data-theme="dark"] #interview-reading-layout .ir-nav-group h2,
  :root[data-theme="dark"] #interview-reading-layout .ir-nav-number,
  :root[data-theme="dark"] #interview-reading-layout .ir-meta,
  :root[data-theme="dark"] #interview-reading-layout .ir-time,
  :root[data-theme="dark"] #interview-reading-layout .ir-count,
  :root[data-theme="dark"] #interview-reading-layout .ir-question-meta,
  :root[data-theme="dark"] #interview-reading-layout .ir-origin-number { color: #a69a85; }
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-nav a.is-current { background: #383228; color: #d6cbbc; }
  :root[data-theme="dark"] #interview-reading-layout .ir-topic-nav a.is-current::before { background: #ad8465; }
  :root[data-theme="dark"] #interview-reading-layout .ir-selection-link { border-color: var(--ir-line); }
  :root[data-theme="dark"] #interview-reading-layout .ir-priority { color: #d0a98a; background: #45372b; }
  :root[data-theme="dark"] #interview-reading-layout .ir-priority-extra,
  :root[data-theme="dark"] #interview-reading-layout .ir-priority-muted { color: #b6ab98; background: #353128; }
  :root[data-theme="dark"] #interview-reading-layout h1 { color: #d9cdbb; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral { border-color: #453d32; box-shadow: none; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-heading { border-color: #423a30; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-heading h2,
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-lead,
  :root[data-theme="dark"] #interview-reading-layout summary { color: #b9ae9b; }
  :root[data-theme="dark"] #interview-reading-layout .ir-mask-toggle { background: #2e2a23; color: #c1b09a; border-color: #514537; }
  :root[data-theme="dark"] #interview-reading-layout .ir-mask-toggle[aria-pressed="true"] { background: #514233; color: #ddc8af; border-color: #6b5540; }
  :root[data-theme="dark"] #interview-reading-layout .ir-mask-toggle:hover { background: #3c3328; border-color: #877052; }
  :root[data-theme="dark"] #interview-reading-layout .ir-mask-toggle[aria-pressed="true"]:hover { background: #61503b; border-color: #947553; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-steps li::before { background: #3b3025; border-color: #584331; color: #c59e7e; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-memory,
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-memory strong,
  :root[data-theme="dark"] #interview-reading-layout .ir-keywords { color: #b4a184; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-boundaries { background: #302c24; border-color: #7d6748; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-boundaries h3,
  :root[data-theme="dark"] #interview-reading-layout .ir-references h3 { color: #b4a184; }
  :root[data-theme="dark"] #interview-reading-layout .ir-oral-boundaries ul,
  :root[data-theme="dark"] #interview-reading-layout .ir-question p,
  :root[data-theme="dark"] #interview-reading-layout .ir-notes,
  :root[data-theme="dark"] #interview-reading-layout .ir-detail .ir-caption { color: #b9ad98; }
  :root[data-theme="dark"] #interview-reading-layout .ir-mask-cover { background-color: #2d2923; border-color: #3e352b; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath fill='%23363029' d='M0 0h8v8H0zm24 0h8v8h-8zm16 8h8v8h-8zm-24 8h8v8h-8zm40 0h8v8h-8zm-48 16h8v8H8zm24 8h8v8h-8zm16-8h8v8h-8zm-32 24h8v8h-8zm40 0h8v8h-8z'/%3E%3Cpath fill='%2326221d' d='M8 0h8v8H8zm32 0h8v8h-8zm-16 16h8v8h-8zm24 8h8v8h-8zm8 8h8v8h-8zm-48 8h8v8H8zm24 8h8v8h-8zm8 8h8v8h-8zm-40 0h8v8H0z'/%3E%3Cpath fill='%23312b24' d='M0 16h8v8H0zm32-8h8v8h-8zm16 16h8v8h-8zm-32 8h8v8h-8zm8 8h8v8h-8zm24 8h8v8h-8zm-24 8h8v8h-8z'/%3E%3C/svg%3E"); box-shadow: inset 0 0 24px #211e1a60; }
  :root[data-theme="dark"] #interview-reading-layout .ir-answer { border-color: #967352; }
  :root[data-theme="dark"] #interview-reading-layout summary::after { border-color: #a59176; }
  :root[data-theme="dark"] #interview-reading-layout summary:hover { color: #d4c7b3; }
  :root[data-theme="dark"] #interview-reading-layout .ir-original-answer > summary { color: var(--ir-accent); }
  :root[data-theme="dark"] #interview-reading-layout .ir-inline-tag { background: #413628; color: #c8ad85; }
  :root[data-theme="dark"] #interview-reading-layout pre { background: #211f1a; border-color: #40372c; }
  :root[data-theme="dark"] #interview-reading-layout pre code { color: #c4b397; }
  :root[data-theme="dark"] #interview-reading-layout .ir-source,
  :root[data-theme="dark"] #interview-reading-layout .ir-source a { color: #ae9c80; text-decoration-color: #7a674d; }
  :root[data-theme="dark"] #interview-reading-layout .ir-boundary { background: #372d22; border-color: #58422e; color: #c8aa82; }
  :root[data-theme="dark"] #interview-reading-layout .ir-scope-stats,
  :root[data-theme="dark"] #interview-reading-layout .ir-selection-note { color: #b8a589; }
  :root[data-theme="dark"] #interview-reading-layout .ir-selection-note { border-color: #8c714e; }
  :root[data-theme="dark"] #interview-reading-layout .ir-selection-table caption { color: #c8b599; }
  :root[data-theme="dark"] #interview-reading-layout .ir-selection-table th { background: #332c23; color: #bea88a; border-color: #514334; }
  :root[data-theme="dark"] #interview-reading-layout .ir-selection-table td { color: #beb09a; }
  :root[data-theme="dark"] #interview-reading-layout .ir-selection-table td::before,
  :root[data-theme="dark"] #interview-reading-layout .ir-mobile-current { color: #b19c7d; }
  :root[data-theme="dark"] #interview-reading-layout .ir-mobile-directory { background: #24211cf5; border-color: #41382c; }
}
@media print {
  #interview-reading-layout .ir-theme-toggle { display: none; }
}
