/* inner-advisory: the Advisory page (#p-advisory) in the MISH identity, with its live artifact, the decision map.
   Draft for round 4. Not linked into index.html yet. Markup: docs/review/ports/inner/advisory/fragment.html.
   Needs mish-identity.css (tokens, .mish-paper, .mish-stage, .mish-read, buttons, tags, notes, the focus ring).
   Every rule is scoped to .inner-advisory, so nothing here restyles another page. Colours read identity tokens with the
   identity's own hex values as fallbacks. Contrast pairs used here are the identity spec's measured, allowed pairs:
   on the stage, light, body, muted, dim, mint and brass on deep, abyss or lift; on the memo (paper), ink and ink-muted on paper.
   Selectors are .inner-advisory plus a class, so they outrank the element rules in styles.css (p, h2, h3, svg path, ul).
   Mint is the signal only: the cables, the open or chosen option's frame, hover edges, the primary action and heading em.
   States worked out by the page's plain rules (a fact's Yes, Fits the facts, Met, Chosen) read in light with a filled
   square, and their opposites in muted with a hollow one, so mint never stands for a rule's result or for Claude. */

.inner-advisory{
  --adv-cable-rest:color-mix(in srgb,var(--mish-edge,#9883af) 58%,transparent);
  --adv-cable-on:var(--mish-mint,#63d7e3);
  --adv-gap:clamp(48px,5.4vw,80px);
  overflow-x:clip
}
/* Hidden means gone, whatever display a class sets (.adv-act is flex, .mish-btn is inline-flex). Kept here so the page
   does not lean on styles.css's own [hidden] rule, which leaves with the monograph stylesheet. */
.inner-advisory [hidden]{display:none!important}
.inner-advisory ul{list-style:none;margin:0;padding:0}
.inner-advisory p+p{margin-top:0}

/* ---------- Intro: the route's h1 and actions, with the kinds of decision beside them ---------- */
.inner-advisory .adv-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mish-space-7,48px) clamp(40px,6vw,96px);align-items:end;padding-bottom:var(--mish-space-8,64px)}
.inner-advisory .adv-intro-aside{padding:var(--mish-space-5,24px) clamp(20px,2.4vw,32px) clamp(16px,2vw,24px);background:var(--mish-sage,#e8def2);border-top:1px solid var(--mish-ink,#251637)}
.inner-advisory .adv-intro-aside-h{margin:0 0 var(--mish-space-2,8px);font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/1.4 var(--mish-font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mish-ink-muted,#62536f)}
.inner-advisory .adv-kinds li{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--mish-paper-rule,#d8cde4)}
.inner-advisory .adv-kinds li:first-child{border-top:0}
.inner-advisory .adv-kinds b{font:var(--mish-weight-semibold,600) var(--mish-step-small,.875rem)/1.4 var(--mish-font-display,Montserrat,sans-serif);color:var(--mish-ink,#251637)}
.inner-advisory .adv-kinds span{font:400 var(--mish-step-small,.875rem)/1.55 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-ink-muted,#62536f);max-width:46ch}
@media (min-width:1024px){.inner-advisory .adv-intro{grid-template-columns:minmax(0,1.2fr) minmax(340px,.95fr)}}

/* ---------- The decision map band (dark, lit stage) ---------- */
.inner-advisory .adv-band{padding:var(--mish-section,clamp(56px,8vw,112px)) var(--mish-gutter,clamp(16px,4vw,56px))}
.inner-advisory .adv-band-in{max-width:var(--mish-max,1320px);margin:0 auto}
.inner-advisory .adv-head{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.7fr);gap:var(--mish-space-5,24px) clamp(32px,5vw,84px);align-items:start;margin-bottom:var(--mish-space-7,48px)}
.inner-advisory .adv-head-copy{display:grid;gap:var(--mish-space-4,16px);min-width:0}
.inner-advisory .adv-lead{margin:0;max-width:62ch;font:400 var(--mish-step-lead,1.125rem)/var(--mish-lh-lead,1.55) var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-body,#ded7ea)}
.inner-advisory .adv-note{max-width:62ch}

.inner-advisory .adv-map{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.3fr);column-gap:var(--adv-gap);align-items:start
}
.inner-advisory .adv-cables{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.inner-advisory .adv-ask,.inner-advisory .adv-branches,.inner-advisory .adv-out{position:relative;z-index:1;min-width:0}
/* Grid and flex children default to min-width:auto, so one long unbreakable line (a tag at 200% text) would widen the
   whole column past the screen. Every piece of the map may shrink to its column instead, and wraps. */
.inner-advisory .adv-out>*,.inner-advisory .adv-ask>*,.inner-advisory .adv-branches>*{min-width:0}

/* Cables: decorative (every state they show is also in text). The rest colour is a separator, the lit colour is the signal. */
.inner-advisory .adv-cable{fill:none;stroke:var(--adv-cable-rest);stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:round;transition:stroke var(--mish-dur-2,180ms) ease,stroke-width var(--mish-dur-2,180ms) ease}
.inner-advisory .adv-cable.is-lit{stroke:var(--adv-cable-on);stroke-width:var(--mish-cable,2px)}
.inner-advisory .adv-cable.is-ghost{stroke-dasharray:3 6}
.inner-advisory .adv-sock{fill:var(--mish-deep,#180f28);stroke:var(--mish-edge,#9883af);stroke-width:1;transition:fill var(--mish-dur-2,180ms) ease,stroke var(--mish-dur-2,180ms) ease}
.inner-advisory .adv-sock.is-lit{fill:var(--adv-cable-on);stroke:var(--adv-cable-on)}
.inner-advisory .adv-pulse{fill:var(--mish-mint,#63d7e3)}

.inner-advisory .adv-label{margin:0;font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/var(--mish-lh-label,1.4) var(--mish-font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mish-dim,#c1b4d0)}

/* The question */
.inner-advisory .adv-question{padding:var(--mish-space-5,24px);background:var(--mish-abyss,#100b1d);border:1px solid var(--mish-rule,#58466d);border-radius:var(--mish-radius-panel,6px)}
.inner-advisory .adv-q{margin:var(--mish-space-2,8px) 0 0;max-width:none;font:var(--mish-weight-semibold,600) var(--mish-step-lead,1.125rem)/1.4 var(--mish-font-display,Montserrat,sans-serif);letter-spacing:-.015em;color:var(--mish-light,#fbf7ff);text-wrap:pretty}
.inner-advisory .adv-context{margin:var(--mish-space-3,12px) 0 0;max-width:none;font:400 var(--mish-step-small,.875rem)/1.6 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-muted,#c1b4d0)}

/* The facts: three switches */
.inner-advisory .adv-facts{margin-top:var(--mish-space-6,32px)}
.inner-advisory .adv-hint{margin:6px 0 0;max-width:40ch;font:400 var(--mish-step-small,.875rem)/1.55 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-muted,#c1b4d0)}
.inner-advisory .adv-fact-list{display:grid;gap:var(--mish-space-2,8px);margin-top:var(--mish-space-3,12px)}
.inner-advisory .adv-fact{display:flex;align-items:center;justify-content:space-between;gap:var(--mish-space-3,12px);width:100%;min-height:52px;margin:0;padding:10px 12px 10px 14px;
  background:var(--mish-deep,#180f28);border:1px solid var(--mish-edge,#9883af);border-radius:var(--mish-radius-control,3px);
  color:var(--mish-light,#fbf7ff);text-align:left;font:400 var(--mish-step-small,.875rem)/1.45 var(--mish-font-body,Montserrat,sans-serif);cursor:pointer;
  transition:border-color var(--mish-dur-1,120ms) ease,background-color var(--mish-dur-1,120ms) ease}
.inner-advisory .adv-fact:hover{border-color:var(--mish-mint,#63d7e3)}
.inner-advisory .adv-fact[aria-pressed="false"]{background:var(--mish-abyss,#100b1d)}
.inner-advisory .adv-fact-text{min-width:0}
.inner-advisory .adv-fact-val{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:3.6em;font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/1 var(--mish-font-mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.inner-advisory .adv-fact-val::before{content:'';flex:none;box-sizing:border-box;width:7px;height:7px;border:1px solid currentColor}
.inner-advisory .adv-fact[aria-pressed="true"] .adv-fact-val{color:var(--mish-light,#fbf7ff)}
.inner-advisory .adv-fact[aria-pressed="true"] .adv-fact-val::before{background:currentColor}
.inner-advisory .adv-fact[aria-pressed="false"] .adv-fact-val{color:var(--mish-muted,#c1b4d0)}
.inner-advisory .adv-fact[aria-pressed="true"] [data-off],.inner-advisory .adv-fact[aria-pressed="false"] [data-on]{display:none}

/* The three options: each branch is a button that opens its details */
.inner-advisory .adv-branches{display:grid;gap:var(--mish-space-4,16px)}
.inner-advisory .adv-branch{position:relative;display:grid;justify-items:start;gap:6px;width:100%;margin:0;padding:16px 18px 15px;
  background:var(--mish-deep,#180f28);border:1px solid var(--mish-edge,#9883af);border-radius:var(--mish-radius-panel,6px);
  color:var(--mish-body,#ded7ea);text-align:left;font:inherit;cursor:pointer;
  transition:border-color var(--mish-dur-2,180ms) ease,background-color var(--mish-dur-2,180ms) ease}
.inner-advisory .adv-branch:hover{border-color:var(--mish-mint,#63d7e3)}
/* The open or chosen branch: a 2px mint frame drawn inside the border box, so it never fights the focus ring's gap shadow. */
.inner-advisory .adv-branch::after{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color var(--mish-dur-2,180ms) ease}
.inner-advisory .adv-branch[aria-expanded="true"]{background:var(--mish-lift,#302047)}
.inner-advisory .adv-branch[aria-expanded="true"]::after{border-color:var(--mish-mint,#63d7e3)}
.inner-advisory .adv-branch-title{font:var(--mish-weight-semibold,600) var(--mish-step-body,1rem)/1.3 var(--mish-font-display,Montserrat,sans-serif);letter-spacing:-.01em;color:var(--mish-light,#fbf7ff)}
.inner-advisory .adv-branch-line{font:400 var(--mish-step-small,.875rem)/1.5 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-muted,#c1b4d0)}
.inner-advisory .adv-branch-fit{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/1.3 var(--mish-font-mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.inner-advisory .adv-branch-fit::before{content:'';flex:none;box-sizing:border-box;width:7px;height:7px;border:1px solid currentColor}
.inner-advisory .adv-branch[data-fit="yes"] .adv-branch-fit{color:var(--mish-light,#fbf7ff)}
.inner-advisory .adv-branch[data-fit="yes"] .adv-branch-fit::before{background:currentColor}
.inner-advisory .adv-branch[data-fit="no"] .adv-branch-fit{color:var(--mish-muted,#c1b4d0)}
.inner-advisory .adv-branch-fit>span{display:none}
.inner-advisory .adv-map[data-state="explore"] .adv-branch[data-fit="yes"] [data-fit-yes],
.inner-advisory .adv-map[data-state="explore"] .adv-branch[data-fit="no"] [data-fit-no],
.inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="yes"] [data-chosen],
.inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="no"] [data-not-chosen]{display:inline}
/* Written: the map folds. The chosen branch keeps its frame; the others drop to a dashed outline and lose their line. */
.inner-advisory .adv-map[data-state="written"] .adv-branch-line{display:none}
.inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="yes"]{background:var(--mish-lift,#302047)}
.inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="yes"]::after{border-color:var(--mish-mint,#63d7e3)}
.inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="no"]{background:var(--mish-abyss,#100b1d);border-style:dashed}
.inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="no"] .adv-branch-title{color:var(--mish-muted,#c1b4d0)}
.inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="no"]:hover{border-color:var(--mish-mint,#63d7e3)}

/* Details of the open option */
.inner-advisory .adv-detail{position:relative;padding:var(--mish-space-5,24px) var(--mish-space-5,24px) var(--mish-space-4,16px);background:var(--mish-lift,#302047);border-radius:var(--mish-radius-panel,6px)}
.inner-advisory .adv-detail-title{margin:0;font:var(--mish-weight-semibold,600) var(--mish-step-title,1.5rem)/var(--mish-lh-title,1.25) var(--mish-font-display,Montserrat,sans-serif);letter-spacing:var(--mish-track-title,-.025em);color:var(--mish-light,#fbf7ff)}
.inner-advisory .adv-facets{margin:var(--mish-space-4,16px) 0 0}
.inner-advisory .adv-facet{padding:14px 0;border-top:1px solid var(--mish-rule,#58466d)}
.inner-advisory .adv-facet:last-child{padding-bottom:4px}
.inner-advisory .adv-facet dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 8px;font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/var(--mish-lh-label,1.4) var(--mish-font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mish-muted,#c1b4d0)}
.inner-advisory .adv-crit-rule{color:var(--mish-dim,#c1b4d0);letter-spacing:.06em}
.inner-advisory .adv-facet dd{margin:0;font:400 var(--mish-step-small,.875rem)/1.6 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-body,#ded7ea)}
.inner-advisory .adv-facet--who dt{color:var(--mish-brass,#ffb16b)}
.inner-advisory .adv-facet--who dt::before{content:'';flex:none;align-self:center;width:6px;height:6px;margin-right:2px;background:currentColor;transform:rotate(45deg)}
.inner-advisory .adv-criteria{display:grid;gap:10px}
.inner-advisory .adv-criteria li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:baseline}
.inner-advisory .adv-crit-state{display:inline-flex;align-items:center;gap:6px;font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/1.3 var(--mish-font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.inner-advisory .adv-crit-state::before{content:'';flex:none;box-sizing:border-box;width:6px;height:6px;border:1px solid currentColor}
.inner-advisory .adv-criteria [data-met="yes"] .adv-crit-state{color:var(--mish-light,#fbf7ff)}
.inner-advisory .adv-criteria [data-met="yes"] .adv-crit-state::before{background:currentColor}
.inner-advisory .adv-criteria [data-met="no"] .adv-crit-state{color:var(--mish-muted,#c1b4d0)}
.inner-advisory .adv-criteria [data-met="yes"] [data-met-no],.inner-advisory .adv-criteria [data-met="no"] [data-met-yes]{display:none}
.inner-advisory .adv-empty{margin:0;padding:var(--mish-space-5,24px);border:1px dashed var(--mish-edge,#9883af);border-radius:var(--mish-radius-panel,6px);font:400 var(--mish-step-small,.875rem)/1.6 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-muted,#c1b4d0);max-width:none}

/* Write the recommendation */
.inner-advisory .adv-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mish-space-3,12px) var(--mish-space-5,24px);margin-top:var(--mish-space-5,24px)}
.inner-advisory .adv-act-hint{margin:0;max-width:30ch;font:400 var(--mish-step-small,.875rem)/1.5 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-muted,#c1b4d0)}

/* The written recommendation: a sheet of paper on the stage. Brass marks it as a person's judgement. */
.inner-advisory .adv-memo{position:relative;padding:var(--mish-space-5,24px) var(--mish-space-5,24px) var(--mish-space-5,24px);border-top:3px solid var(--mish-brass,#ffb16b);border-radius:2px 2px var(--mish-radius-panel,6px) var(--mish-radius-panel,6px);
  transition:opacity var(--mish-dur-4,700ms) var(--mish-ease,ease),clip-path var(--mish-dur-4,700ms) var(--mish-ease,ease)}
/* Only once the script owns the map: the sheet unfolds from the top when it is written. Without the script it simply shows.
   Both ends of the unfold are inset() shapes, so clip-path interpolates (none to inset() would jump at once). inset(0)
   clips at the border box, and everything in the sheet, focus rings included, sits inside its padding. */
.inner-advisory .adv-map[data-adv-ready] .adv-memo:not(.is-in){opacity:0;clip-path:inset(0 0 100% 0)}
.inner-advisory .adv-map[data-adv-ready] .adv-memo.is-in{clip-path:inset(0 0 0 0)}
/* When the memo is brought into view (Write, or "Show this in the decision map"), its top edge stops a little under the
   page's own scroll-padding, which already clears the sticky bar. inner-advisory.mjs adds the bar height only if the
   page sets no scroll-padding at all. */
.inner-advisory .adv-memo{scroll-margin-top:var(--mish-space-3,12px)}
/* Tags in the memo may wrap: at large text sizes "Example, prepared with Claude" is wider than a phone. */
.inner-advisory .adv-memo .mish-tag{white-space:normal;max-width:100%}
.inner-advisory .adv-memo-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.inner-advisory .adv-memo .adv-memo-label{margin:0;font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/var(--mish-lh-label,1.4) var(--mish-font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mish-ink-muted,#62536f)}
.inner-advisory .adv-memo-title{margin:var(--mish-space-4,16px) 0 0;font:var(--mish-weight-semibold,600) var(--mish-step-title,1.5rem)/var(--mish-lh-title,1.25) var(--mish-font-display,Montserrat,sans-serif);letter-spacing:var(--mish-track-title,-.025em);color:var(--mish-ink,#251637);text-wrap:balance}
.inner-advisory .adv-memo p{margin:var(--mish-space-3,12px) 0 0;max-width:none;font:400 var(--mish-step-small,.875rem)/1.65 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-ink,#251637)}
.inner-advisory .adv-memo-sec{margin-top:var(--mish-space-4,16px);padding-top:var(--mish-space-3,12px);border-top:1px solid var(--mish-paper-rule,#d8cde4)}
.inner-advisory .adv-memo-sec h4{margin:0 0 var(--mish-space-2,8px);font:var(--mish-weight-mono,500) var(--mish-step-label,.75rem)/var(--mish-lh-label,1.4) var(--mish-font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mish-ink-muted,#62536f)}
.inner-advisory .adv-memo-sec>h4+p{margin-top:0}
.inner-advisory .adv-memo .adv-memo-aside{margin-top:var(--mish-space-4,16px);color:var(--mish-ink-muted,#62536f)}
.inner-advisory .adv-runs{display:grid;gap:var(--mish-space-2,8px)}
.inner-advisory .adv-memo{container-type:inline-size}
/* Tag beside its step. The tag column is in rem, like the tag's own type, so a tag stays on one line at any text size;
   when the sheet is too narrow for the tag column plus a readable step (a phone, or large text), the step goes under. */
.inner-advisory .adv-runs li{display:grid;grid-template-columns:10.25rem minmax(0,1fr);align-items:start;gap:6px 12px;font:400 var(--mish-step-small,.875rem)/1.5 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-ink,#251637)}
@container (max-width:24rem){.inner-advisory .adv-runs li{grid-template-columns:minmax(0,1fr);gap:4px}}
.inner-advisory .adv-runs .mish-tag{justify-self:start}
.inner-advisory .adv-runs li>span:last-child{padding-top:2px}
.inner-advisory .adv-steps,.inner-advisory .adv-not{display:grid;gap:6px}
.inner-advisory .adv-steps li,.inner-advisory .adv-not li{position:relative;padding-left:16px;font:400 var(--mish-step-small,.875rem)/1.6 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-ink,#251637)}
.inner-advisory .adv-steps li::before{content:'';position:absolute;left:1px;top:.62em;width:6px;height:6px;background:var(--mish-teal,#006274)}
.inner-advisory .adv-not li::before{content:'';position:absolute;left:1px;top:.62em;box-sizing:border-box;width:6px;height:6px;border:1px solid var(--mish-ink-muted,#62536f)}
.inner-advisory .adv-not b{font-weight:var(--mish-weight-semibold,600)}
.inner-advisory .adv-memo-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mish-space-3,12px) var(--mish-space-4,16px);margin-top:var(--mish-space-5,24px);padding-top:var(--mish-space-4,16px);border-top:1px solid var(--mish-ink,#251637)}
.inner-advisory .adv-memo-foot p{margin:0;flex:1 1 22ch;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}

.inner-advisory .adv-foot{margin:var(--mish-space-7,48px) 0 0;max-width:72ch;font:400 var(--mish-step-small,.875rem)/1.6 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-muted,#c1b4d0)}

/* ---------- Paper sections ---------- */
.inner-advisory .adv-read .mish-rows li>p+p{margin-top:var(--mish-space-3,12px)}
.inner-advisory .adv-checks{border-top:1px solid var(--mish-ink,#251637)}
.inner-advisory .adv-checks li{position:relative;padding:var(--mish-space-4,16px) 0 var(--mish-space-4,16px) 26px;border-bottom:1px solid var(--mish-paper-rule,#d8cde4);font:400 var(--mish-step-body,1rem)/1.6 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-ink,#251637)}
.inner-advisory .adv-checks li::before{content:'';position:absolute;left:2px;top:calc(var(--mish-space-4,16px) + .62em);width:7px;height:7px;background:var(--mish-teal,#006274)}
.inner-advisory .adv-panel{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--mish-space-3,12px)}
.inner-advisory .adv-panel>:not(.adv-try){justify-self:stretch} /* a start-aligned item is never narrower than its longest word */
.inner-advisory .adv-panel .adv-try{margin-top:var(--mish-space-2,8px);max-width:100%}
/* At large text sizes one long word ("recommendation") can be wider than a phone column. Break a word only when it
   cannot fit a line on its own; at ordinary sizes this never triggers. */
.inner-advisory :is(h1,h2,h3,h4,.mish-title,.adv-q,.adv-branch-title){overflow-wrap:break-word}
/* Em in a media query is the browser's default text size, so this holds only when large text meets a narrow screen
   (390px at 200% is about 12em; at the default size even a 320px phone is 20em). There, headings hyphenate instead. */
@media (max-width:16em){.inner-advisory :is(h1,h2,h3,h4,.mish-title,.adv-q,.adv-branch-title){hyphens:auto}}

/* ---------- Closing band: the same pattern as the other inner pages (heading, one terms paragraph, one action) ---------- */
.inner-advisory .adv-close{padding:var(--mish-section,clamp(56px,8vw,112px)) var(--mish-gutter,clamp(16px,4vw,56px))}
.inner-advisory .adv-close-in{max-width:var(--mish-max,1320px);margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--mish-space-6,32px) var(--mish-space-8,64px)}
.inner-advisory .adv-close-copy{flex:1 1 32rem;min-width:0}
.inner-advisory .adv-close-terms{margin:var(--mish-space-4,16px) 0 0;max-width:56ch;font:400 var(--mish-step-body,1rem)/1.7 var(--mish-font-body,Montserrat,sans-serif);color:var(--mish-body,#ded7ea)}
.inner-advisory .adv-close .mish-btn{max-width:100%}

/* ---------- One column below 1100px: the map stacks, and the cables run down a spine on its left ---------- */
@media (max-width:1099px){
  .inner-advisory .adv-map{grid-template-columns:minmax(0,1fr);row-gap:var(--mish-space-6,32px);max-width:760px;padding-left:28px}
  .inner-advisory .adv-out{display:grid;gap:0}
}
@media (max-width:899px){
  .inner-advisory .adv-head{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:479px){
  .inner-advisory .adv-map{padding-left:22px}
  .inner-advisory .adv-question,.inner-advisory .adv-detail,.inner-advisory .adv-memo{padding-left:var(--mish-space-4,16px);padding-right:var(--mish-space-4,16px)}
  .inner-advisory .adv-branch{padding-left:14px;padding-right:14px}
  .inner-advisory .adv-criteria li{grid-template-columns:minmax(0,1fr);gap:4px}
  .inner-advisory .adv-act .mish-btn{width:100%}
}
@media (forced-colors:active){
  .inner-advisory .adv-branch[aria-expanded="true"]::after,
  .inner-advisory .adv-map[data-state="written"] .adv-branch[data-fit="yes"]::after{border-color:Highlight}
  .inner-advisory .adv-fact-val::before,.inner-advisory .adv-branch-fit::before,.inner-advisory .adv-crit-state::before{forced-color-adjust:none;border-color:CanvasText}
}