/* Inline help follows the existing working surface; no extra hero or overlay. */
.menu-guide-benefit { max-width: 72ch; color: var(--dv-text, #283530); text-wrap: pretty; }
.menu-entry { display: flex; flex-direction: column; width: 100%; max-width: 76ch; margin: 12px 0 0; color: var(--dv-text, #283530); font: 400 14px/1.55 'Pretendard Variable', Pretendard, system-ui, sans-serif; text-align: left; }
.menu-entry-choices { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.menu-entry-choices button { appearance: none; min-height: 44px; padding: 8px 12px; border: 1px solid var(--dv-border, #b2c2bb); border-radius: 8px; background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.menu-entry-choices button[aria-pressed="true"] { background: #e4e9e6; border-color: #93a49c; color: #0d3021; }
.menu-entry-choices button:hover { border-color: var(--dv-border-strong, #5c6b65); }
.menu-entry-choices button:focus-visible { outline: 3px solid #028c6a; outline-offset: 3px; }
.menu-entry-brief { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 24px; margin: 0; padding: 10px 0; border-block: 1px solid var(--dv-border, #b2c2bb); }
.menu-entry-brief dt { margin-bottom: 3px; font-weight: 700; }
.menu-entry-brief dd { margin: 0; overflow-wrap: anywhere; }
.menu-entry-status { order: -1; margin: 0 0 8px; font-size: 13px; overflow-wrap: anywhere; }
.menu-entry [hidden] { display: none !important; }
.of-head > .menu-entry { grid-column: 1 / -1; }
body[data-work-shell="patent"] .menu-entry { color: var(--dv-patent-text, #edf5f1); }
body[data-work-shell="patent"] .menu-entry-brief { border-color: var(--dv-patent-line, #273c34); }
body[data-work-shell="patent"] .menu-entry-choices button { border-color: var(--dv-border-strong, #5c6b65); }
body[data-work-shell="patent"] .menu-entry-choices button[aria-pressed="true"] { background: #e4e9e6; color: #0d3021; }
.menu-guide { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(0,3fr); gap:32px; width:100%; max-width:none; margin:24px 0; padding:24px 0; border-block:1px solid var(--dv-border,#b2c2bb); color:inherit; font-family:inherit; font-size:14px; font-weight:500; line-height:1.6; }
.menu-guide[hidden] { display:none!important; }
.of-head > .menu-guide, .of-head > .menu-guide-benefit { grid-column: 1 / -1; }
.office .menu-guide { grid-template-columns:1fr; gap:20px; }
.office .menu-guide-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.office .menu-guide-eyebrow { flex-basis:100%; margin:0; }
.office .menu-guide-introduction { flex:1; max-width:none; margin:0; }
.office .menu-guide-replay,.office .menu-guide-jump { margin:0; }
.menu-guide-heading { min-width:0; text-align:left; }
.menu-guide-eyebrow { margin:0 0 8px; color:var(--dv-text-muted,#5c6b65); font-size:12px; font-weight:650; letter-spacing:.04em; }
.menu-guide .menu-guide-heading h2 { margin:0; color:inherit; font-family:inherit; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-.04em; text-wrap:balance; }
.menu-guide-introduction { margin:10px 0 0; max-width:24ch; color:var(--dv-text-muted,#5c6b65); font-size:13px; }
.menu-guide-replay { display:block; min-height:44px; margin:8px 0 0; padding:8px 0; border:0; background:transparent; color:inherit; font:inherit; font-size:12px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.menu-guide-replay[hidden] { display:none; }
.menu-guide-replay:focus-visible,.menu-guide-jump:focus-visible { outline:3px solid var(--dv-primary,#028c6a); outline-offset:3px; }
.menu-guide-body { min-width:0; }
.menu-guide-body dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:0; }
.menu-guide-step { position:relative; min-width:0; }
.menu-guide-step:not(:last-child)::after { content:''; position:absolute; left:82px; right:-14px; top:35px; border-top:1px solid var(--dv-border,#b2c2bb); }
.menu-guide-packet { position:absolute; z-index:1; left:82px; top:32px; width:7px; height:7px; border-radius:50%; background:var(--dv-primary,#176b50); opacity:0; pointer-events:none; }
.menu-guide-art { position:relative; display:block; width:72px; height:72px; margin-bottom:18px; color:var(--dv-primary,#176b50); }
.menu-guide-art svg { display:block; width:100%; height:100%; overflow:visible; }
.guide-sheet-back { fill:var(--dv-bg-selected,#e4e9e6); transform:rotate(-9deg); transform-origin:31px 30px; }
.guide-sheet { fill:var(--dv-bg-surface,#fff); }
.guide-check-badge { fill:var(--dv-primary,#176b50); }
.guide-check { stroke:var(--dv-on-primary,#fff); }
.menu-guide-body dt { display:flex; align-items:baseline; gap:8px; margin-bottom:8px; color:inherit; font-size:16px; font-weight:700; }
.menu-guide-number { color:var(--dv-text-muted,#5c6b65); font-size:12px; font-weight:500; font-variant-numeric:tabular-nums; }
.menu-guide-body dd { margin: 0; overflow-wrap: anywhere; }
.menu-guide-jump { min-height:44px; max-width:100%; margin:8px 0 0; padding:9px 12px; border:1px solid var(--dv-border-strong,#5c6b65); border-radius:var(--dv-radius,8px); background:var(--dv-bg-surface,#fff); color:var(--dv-text-strong,#0d3021); font:inherit; font-size:13px; font-weight:650; cursor:pointer; text-align:left; }
@media(hover:hover) and (pointer:fine) { .menu-guide-jump:hover { background:var(--dv-bg-selected,#e4e9e6); } }
.menu-guide-jump[hidden] { display: none; }
body[data-work-shell="patent"] .menu-guide { color: var(--dv-patent-text, #edf5f1); }
body[data-work-shell="patent"] .menu-guide :is(dt,dd) { color:inherit; }
body[data-work-shell="patent"] .menu-guide-art { color:var(--dv-patent-text,#edf5f1); }
body[data-work-shell="patent"] .menu-guide :is(.menu-guide-eyebrow,.menu-guide-introduction,.menu-guide-number) { color:var(--dv-patent-text,#edf5f1); }
body[data-work-shell="patent"] .menu-guide { border-color:var(--dv-patent-line,#273c34); }
@media(max-width:1000px) { .menu-guide { grid-template-columns:1fr; gap:20px; }.menu-guide-introduction { max-width:none; }.menu-guide-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }.menu-guide-eyebrow { flex-basis:100%; margin:0; }.menu-guide .menu-guide-heading h2 { font-size:22px; }.menu-guide-introduction { flex-basis:100%; margin:0; }.menu-guide-replay,.menu-guide-jump { margin:0; } }
@media (max-width: 600px) {
  .menu-entry { margin-top: 8px; font-size: 13px; }
  .menu-entry-brief { grid-template-columns: minmax(0, 1fr); gap: 6px; padding-block: 8px; }
  .menu-entry-brief dt, .menu-entry-brief dd { display: inline; }
  .menu-entry-brief dt { margin: 0 6px 0 0; }
  .menu-entry-choices { gap: 6px; }
  .menu-entry-choices button { flex: 1 1 auto; }
  .menu-guide { font-size:14px; margin:20px 0; padding:20px 0; }
  .office .menu-guide-heading h2 { flex-basis:100%; }
  .office .menu-guide-introduction { flex:0 0 100%; }
  .menu-guide-body dl { grid-template-columns:1fr; gap:20px; }
  .menu-guide-step { display:grid; grid-template-columns:56px minmax(0,1fr); gap:0 14px; }
  .menu-guide-art { grid-row:1 / 3; width:56px; height:56px; margin:0; }
  .menu-guide-body dt { margin:0 0 5px; }
  .menu-guide-step:not(:last-child)::after { top:64px; bottom:-12px; left:28px; right:auto; border-top:0; border-left:1px solid var(--dv-border,#b2c2bb); }
  .menu-guide-packet { left:25px; top:64px; }
  .menu-guide-body dd { grid-column:2; }
}
