/* 1CISP Five-View Foundation · 2026-10-23
   Single source of truth: native page stylesheets; no runtime CSS overlay.
   View types: homepage, overview, register, detail, reports. */
:root {
  --cisp-ui-font: "Inter Tight", system-ui, sans-serif;
  --cisp-ui-ink: #191919;
  --cisp-ui-body: #343434;
  --cisp-ui-muted: #606060;
  --cisp-ui-rule: #d6d6d6;
  --cisp-ui-paper: #f2f2f2;
  --cisp-ui-link: #735818;
  --cisp-ui-width: 1200px;
  --cisp-ui-gutter: clamp(20px, 3vw, 40px);
  --cisp-ui-text: 16px;
  --cisp-ui-label: 14px;
  --cisp-ui-subheading: 22px;
  --cisp-ui-heading: clamp(28px,3.2vw,40px);
  --cisp-ui-hero: clamp(44px,5.2vw,72px);
  --cisp-ui-s1: 8px;
  --cisp-ui-s2: 16px;
  --cisp-ui-s3: 24px;
  --cisp-ui-s4: 40px;
  --cisp-ui-s5: 64px;
}

  :root {
    color-scheme: light;
    --paper: #f2f2f2;
    --surface: #ffffff;
    --surface-soft: #e9e9e9;
    --ink: #151515;
    --text: #343434;
    --muted: #606060;
    --line: #d6d6d6;
    --line-strong: #b8b8b8;
    --navy: #252525;
    --navy-deep: #101010;
    --oxblood: #333333;
    --oxblood-deep: #191919;
    --brass: #707070;
    --brass-soft: #cccccc;
    --accent: var(--ink);
    --accent-deep: var(--ink);
    --accent-soft: #e8e8e8;
    --success: #404040;
    --max: var(--cisp-ui-width);
    --gutter: var(--cisp-ui-gutter);
    --radius: 4px;
    --font: "Inter Tight", sans-serif;
    /* The single approved typographic house scale. Layout modules must not redefine it. */
    --lnp-track-hero: -.04em;
    --lnp-track-section: -.027em;
    --lnp-track-subhead: -.018em;
    --lnp-track-display: -.04em;
    --lnp-track-overline: .08em;
    --lnp-track-body: normal;
    --lnp-italic-on-light: #777;
    --lnp-italic-on-dark: #c3c3c3;
  }

  * { box-sizing: border-box; }
  html { scroll-behavior: auto; }
  body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font);
    font-synthesis: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
  }
  /* Directional link cues are inline SVG, not platform-dependent emoji. */
  .lnp-diagonal-arrow {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    vertical-align: -.12em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  a { color: inherit; }
  button, input, select, textarea { font: inherit; }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid rgba(35,35,35,.34);
    outline-offset: 3px;
  }
  .skip-link {
    position: fixed;
    left: 16px;
    top: 12px;
    z-index: 100;
    padding: 10px 14px;
    background: var(--surface);
    border: 1px solid var(--line-strong);
    transform: translateY(-170%);
  }
  .skip-link:focus { transform: translateY(0); }
  .shell { width: min(100%, var(--max)); margin: 0 auto; padding-inline: var(--gutter); }

  .site-header {
    position: relative;
    z-index: 50;
    border-bottom: 1px solid var(--line);
    background: #191919;
  }
  .topbar {
    display: grid;
    min-height: 68px;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 30px;
  }
  .brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #bfbfbf;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.035em;
    text-decoration: none;
    white-space: nowrap;
  }
  .brand-mark { width: 34px; height: 34px; fill: #bcbcbc; flex: 0 0 auto; }
  .site-nav { min-width: 0; justify-self: end; }
  .mobile-menu { display: none; }
  .site-nav ul { display: flex; margin: 0; padding: 0; align-items: center; gap: clamp(14px,2.2vw,30px); list-style: none; }
  .site-nav li { min-width: 0; }
  .site-nav a {
    color: #d1d1d1;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
  .site-nav a:hover { color: #eeeeee; text-decoration: underline; text-underline-offset: 5px; }
  .site-nav .nav-action { min-height: 38px; padding: 0 13px; border: 1px solid #a6a6a6; border-radius: var(--radius); display: inline-flex; align-items: center; color: #e1e1e1; }
  .site-nav .nav-action:hover { background: #ededed; color: #151515; text-decoration: none; }

  /* Real italic faces are requested in the shared Google Fonts stylesheet. */
  .genuine-italic, .lt-italic, .fo-italic, .nb-italic {
    font-family: var(--font);
    font-style: italic;
    font-synthesis: none;
  }
  /* Shared italic color applies to the editorial role, never to unrelated links or prose. */
  .lt .lt-italic, .fo .fo-italic, .nb .nb-italic { color: var(--lnp-italic-on-light); }
  .lt .lt-ink .lt-italic,
  .fo .fo-hero .fo-italic, .fo .fo-dark .fo-italic,
  .nb .nb-hero .nb-italic, .nb .nb-dark .nb-italic { color: var(--lnp-italic-on-dark); }
  main { display: block; }
  .eyebrow, .section-kicker, .meta-label, .record-code, .status {
    margin: 0;
    color: var(--oxblood);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: var(--lnp-track-overline);
    text-transform: uppercase;
  }
  h1, h2, h3, p { text-wrap: pretty; }
  h1 {
    margin: 0;
    font-size: var(--cisp-ui-hero);
    font-weight: 700;
    letter-spacing: var(--lnp-track-hero);
    line-height: .96;
  }
  h2 {
    margin: 0;
    font-size: var(--cisp-ui-heading);
    font-weight: 700;
    letter-spacing: var(--lnp-track-section);
    line-height: 1.015;
  }
  h3 {
    margin: 0;
    font-size: var(--cisp-ui-subheading);
    font-weight: 700;
    letter-spacing: var(--lnp-track-subhead);
    line-height: 1.045;
  }
  .lede {
    max-width: 720px;
    margin: 28px 0 0;
    color: var(--text);
    font-size: clamp(19px, 1.8vw, 23px);
    line-height: 1.38;
  }
  .muted { color: var(--muted); }
  .section { border-bottom: 1px solid var(--line); }
  .section-pad { padding-block: var(--cisp-ui-s5); }
  .section-heading {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) minmax(0, 2.2fr);
    gap: 54px;
    align-items: start;
    margin-bottom: 40px;
  }
  .section-heading p:last-child { max-width: 720px; margin: 18px 0 0; color: var(--muted); font-size: 17px; }
  .line-grid { border-top: 1px solid var(--line-strong); }
  .line-row {
    display: grid;
    grid-template-columns: 110px minmax(230px, 2fr) minmax(0, 3fr) 24px;
    gap: 22px;
    align-items: start;
    padding: 24px 0;
    border-bottom: 1px solid var(--line);
    text-decoration: none;
  }
  .line-row:hover h3, .line-row:hover .arrow { color: var(--oxblood); }
  .line-row p { margin: 6px 0 0; color: var(--muted); }
  .arrow { justify-self: end; color: var(--brass); font-size: 21px; line-height: 1; }
  .tag-list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; gap: 7px; list-style: none; }
  .tag {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    color: #525252;
    font-size: 12px;
  }
  .button {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid var(--oxblood);
    border-radius: var(--radius);
    background: var(--oxblood);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
  }
  .button.secondary { background: transparent; color: var(--oxblood); }
  .button.quiet { border-color: var(--line-strong); background: var(--surface); color: var(--ink); }
  .actions { display: flex; flex-wrap: wrap; gap: 12px; }
  .panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
  .panel-head { padding: 18px 20px; border-bottom: 1px solid var(--line); }
  .panel-body { padding: 20px; }
  .data-list { margin: 0; }
  .data-list > div {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid var(--line);
  }
  .data-list > div:last-child { border-bottom: 0; }
  .data-list dt { color: var(--muted); font-size: 13px; }
  .data-list dd { margin: 0; font-weight: 600; }
  .numbered-list { margin: 0; padding: 0; list-style: none; counter-reset: item; }
  .numbered-list li {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 14px;
    padding: 17px 0;
    border-bottom: 1px solid var(--line);
    counter-increment: item;
  }
  .numbered-list li::before {
    content: counter(item, decimal-leading-zero);
    color: var(--oxblood);
    font-size: 12px;
    font-weight: 700;
  }
  .authority-list { border-top: 1px solid var(--line-strong); }
  .authority-row {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) minmax(0, 2.2fr) minmax(140px, .8fr);
    gap: 22px;
    padding: 22px 0;
    border-bottom: 1px solid var(--line);
  }
  .authority-row p { margin: 6px 0 0; color: var(--muted); }
  .authority-row a { justify-self: end; color: var(--oxblood); font-size: 13px; font-weight: 650; text-underline-offset: 4px; }
  .record-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
  .record-cell { min-height: 128px; padding: 19px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .record-cell strong { display: block; margin-top: 18px; font-size: 18px; line-height: 1.18; }
  .record-cell p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
  .quiet-surface { background: var(--surface-soft); }
  .dark-surface { background: #191919; color: #e4e4e4; }
  .dark-surface .section-kicker, .dark-surface .record-code { color: var(--brass-soft); }
  .dark-surface .muted, .dark-surface .section-heading p:last-child { color: #c5c5c5; }
  .dark-surface .line-grid { border-color: rgba(255,255,255,.45); }
  .dark-surface .line-row { border-color: rgba(255,255,255,.18); }
  .dark-surface .line-row p { color: rgba(255,255,255,.66); }
  .dark-surface .arrow { color: var(--brass-soft); }

  .site-footer { padding-block: 24px; border-top: 1px solid #484848; background: #191919; color: #bdbdbd; }
  .footer-grid { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; }
  .footer-identity { display: flex; min-width: 0; align-items: center; gap: 10px; font-size: 13px; }
  .footer-identity .brand-mark { width: 24px; height: 24px; fill: #bcbcbc; flex: 0 0 auto; }
  .footer-identity p { margin: 0; }
  .footer-identity strong { margin-right: 8px; color: #bfbfbf; font-size: 15px; }
  .footer-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 20px; font-size: 12px; }
  .footer-links a { color: #c7c7c7; text-decoration: none; }
  .footer-links a:hover { color: #eeeeee; }

  @media (min-width: 761px) and (max-width: 1150px) {
    .topbar { grid-template-columns: 1fr; gap: 9px; padding-block: 14px; }
    .site-nav { justify-self: start; }
    .site-nav ul { flex-wrap: wrap; gap: 8px 22px; }
  }
  @media (max-width: 940px) {
    :root { --gutter: 22px; }
    .topbar { gap: 22px; }
    .site-nav ul { gap: 12px; }
    .site-nav a { font-size: 12px; }
    .section-heading { grid-template-columns: 1fr; gap: 12px; }
    .line-row { grid-template-columns: 78px minmax(0,1fr) 24px; }
    .line-row > div:nth-child(3) { grid-column: 2 / -1; }
    .authority-row { grid-template-columns: 1fr; gap: 10px; }
    .authority-row a { justify-self: start; }
    .record-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 760px) {
    :root { --gutter: 20px; }
    .topbar { min-height: 66px; grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding-block: 10px; }
    .brand { font-size: 16px; }
    .brand-mark { width: 30px; height: 30px; }
    .site-nav { display: none; }
    .mobile-menu { display: block; justify-self: end; }
    .mobile-menu summary { display: flex; align-items: center; justify-content: center; gap: 12px; min-width: 92px; min-height: 44px; padding: 0 13px; color: #e0e0e0; border: 1px solid #707070; border-radius: var(--radius); cursor: pointer; list-style: none; font-size: 14px; font-weight: 600; }
    .mobile-menu summary::-webkit-details-marker { display: none; }
    .mobile-menu summary:focus-visible { outline: 3px solid #b9b9b9; outline-offset: 3px; }
    .mobile-menu .mobile-menu-mark { font-size: 18px; line-height: 1; font-weight: 400; }
    .mobile-menu[open] .mobile-menu-mark { transform: rotate(45deg); }
    .mobile-menu-links { position: absolute; top: 100%; left: 0; right: 0; padding: 6px var(--gutter) 16px; z-index: 60; background: #222222; border-bottom: 1px solid #696969; box-shadow: 0 14px 22px rgba(0,0,0,.28); }
    .mobile-menu-links a { display: flex; align-items: center; justify-content: space-between; min-height: 48px; gap: 18px; padding: 8px 4px; border-bottom: 1px solid #505050; color: #dedede; font-size: 15px; font-weight: 600; text-decoration: none; }
    .mobile-menu-links a:last-child { border-bottom: 0; }
    .mobile-menu-links a:focus-visible, .mobile-menu-links a:hover { background: #383838; }
    .section-pad { padding-block: 52px; }
    h1, h2, h3 { overflow-wrap: break-word; }
    .line-row { grid-template-columns: 34px minmax(0,1fr) 20px; gap: 12px; padding-block: 19px; }
    .line-row > div:nth-child(3) { grid-column: 2 / -1; }
    .record-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 18px; }
    .footer-links { justify-content: flex-start; gap: 12px 22px; line-height: 1.6; }
    .footer-links a { min-height: 33px; display: inline-flex; align-items: center; }
    .footer-identity { align-items: flex-start; }
    .data-list > div { grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); gap: 12px; }
  }
  @media (max-width: 360px) {
    :root { --gutter: 16px; }
    .brand { gap: 9px; }
    .data-list > div { grid-template-columns: 1fr; gap: 4px; }
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  }


/* 1CISP — visual lineage from actual Law.net.ph src/ui.ts, 21 October 2026.
   Shared house CSS above is byte-for-byte unchanged. Scope all differences. */
:root {
  --cisp-blue:#2441a5;
  --cisp-red:#be243c;
  --cisp-gold:#cda500;
  --oxblood:var(--cisp-blue);
  --brass:var(--cisp-gold);
  --accent:var(--cisp-blue);
  --accent-deep:var(--cisp-blue);
  --accent-soft:#ecedf6;
}
.site-header .brand {color:#eeeeee}
.brand-seal {width:34px;height:34px;object-fit:contain;background:#fff;border-radius:2px;flex:0 0 auto}
.cisp-header-type {display:flex;justify-self:end;align-items:center;gap:14px;color:#d0d0d0;font-weight:600;font-size:13px}
.cisp-header-type>span:last-child {font-size:10px;letter-spacing:var(--lnp-track-overline);font-weight:700;color:#c6c6c6}
.cisp-header-rule {width:1px;height:18px;background:#777}
.cisp-public-home {min-height:calc(100svh - 136px);display:flex;align-items:center}
.cisp-home-grid {width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,7vw,110px);padding-block:clamp(54px,8vw,100px);align-items:center}
.cisp-home-copy {padding-block:24px}
.cisp-home-copy .eyebrow {color:var(--cisp-blue);margin-bottom:30px}
.cisp-home-copy h1 {text-wrap:balance}
.cisp-home-copy .lede {font-size:clamp(19px,1.8vw,23px);color:var(--text);margin-top:30px;max-width:420px}
.cisp-public-notice {margin-top:clamp(40px,5vw,72px);padding-top:19px;border-top:1px solid var(--line-strong);display:grid;grid-template-columns:115px minmax(0,1fr);gap:22px;max-width:580px;align-items:start}
.cisp-public-notice .cisp-notice-index {font-size:12px;font-weight:700;color:var(--cisp-blue)}
.cisp-public-notice p {font-size:16px;margin:0;max-width:360px;color:var(--muted)}
.cisp-home-art {min-height:468px;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;padding:24px 30px 20px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--cisp-blue)}
.cisp-home-art-top,.cisp-art-bottom {width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:var(--lnp-track-overline);color:#474747}
.cisp-home-art>img {display:block;width:min(100%,355px);height:auto;object-fit:contain;margin:22px 0}
.cisp-art-bars {display:inline-flex;height:5px;width:70px;gap:3px}
.cisp-art-bars i {display:block;flex:1;background:var(--cisp-blue)}
.cisp-art-bars i:nth-child(2){background:var(--cisp-red)}
.cisp-art-bars i:nth-child(3){background:var(--cisp-gold)}
.cisp-record-hero {border-bottom:4px solid var(--cisp-blue)}
.cisp-record-hero>.shell {padding-block:54px 0}
.cisp-hero-top {display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #575757;padding-bottom:20px}
.cisp-hero-top .section-kicker {color:#d3d3d3}
.cisp-hero-provenance {margin:0;font-size:11px;font-weight:700;letter-spacing:var(--lnp-track-overline);color:#bebebe}
.cisp-record-hero-grid {display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);gap:52px;align-items:end;padding:clamp(50px,6vw,80px) 0}
.cisp-record-hero h1 {color:#f2f2f2;max-width:100%}
.cisp-hero-desc {font-size:clamp(18px,1.7vw,22px);line-height:1.38;color:#c6c6c6;max-width:650px;margin:28px 0 0}
.cisp-hero-aside {border-top:1px solid #747474;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.cisp-hero-aside>div {min-width:0}
.cisp-hero-aside span {display:block;font-size:clamp(38px,4vw,50px);line-height:1;font-weight:700;letter-spacing:var(--lnp-track-display);color:#fff}
.cisp-hero-aside p {margin:7px 0 0;font-size:13px;color:#c9c9c9}
.cisp-hero-aside .cisp-aside-note {grid-column:1/-1;border-top:1px solid #575757;padding-top:16px;font-size:12px;line-height:1.5;color:#b6b6b6}
.cisp-record-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #666}
.cisp-record-nav a {display:flex;align-items:center;gap:15px;padding:19px 0;color:#e5e5e5;font-size:14px;text-decoration:none;font-weight:600;border-right:1px solid #565656}
.cisp-record-nav a:last-child {border-right:0;padding-left:21px}
.cisp-record-nav a:nth-child(2) {padding-left:21px}
.cisp-record-nav a>span:first-child {font-size:12px;color:#b8b8b8}
.cisp-record-nav a>span:last-child {margin-left:auto;padding-right:22px;font-size:18px;color:#d6d6d6}
.cisp-record-nav a:hover {color:#fff}
.cisp-instruction {display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:16px 0 23px}
.cisp-instruction-arrow {font-size:28px;color:var(--cisp-blue);line-height:1}
.cisp-instruction p {font-size:14px;color:var(--muted);margin:0}
.cisp-matter-list {border-top:1px solid var(--line-strong)}
.trail {border-bottom:1px solid var(--line);min-width:0}
.trail>summary {display:grid;grid-template-columns:70px minmax(0,1fr) 196px;gap:20px;align-items:center;padding:26px 0;list-style:none;cursor:pointer}
.trail>summary::-webkit-details-marker,.resolution>summary::-webkit-details-marker {display:none}
.trail summary .matter-number {font-size:12px;font-weight:700;color:var(--cisp-blue)}
.trail summary .matter-title {font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:var(--lnp-track-subhead);line-height:1.18}
.trail summary .matter-count {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
.trail summary .open-arrow {font-size:22px;color:var(--cisp-blue)}
.trail[open] summary .open-arrow {transform:rotate(90deg)}
.trail>summary:hover .matter-title {color:var(--cisp-blue)}
.matter-content {border-top:1px solid var(--line);padding:26px min(3vw,48px) 36px 90px;background:#fff}
.matter-basis,.matter-evidence {font-size:13px;color:var(--muted);margin:0;line-height:1.55;max-width:830px}
.matter-evidence {margin-top:24px;border-top:1px solid var(--line);padding-top:17px}
.trace-list {counter-reset:trail-event;list-style:none;padding:7px 0 0;margin:24px 0 0;position:relative}
.trace-event {counter-increment:trail-event;position:relative;margin:0 0 0 16px;padding:0 0 29px 43px;border-left:2px solid #c7d0e5}
.trace-event:last-child {border-left-color:transparent;padding-bottom:0}
.trace-event::before {content:counter(trail-event,decimal-leading-zero);position:absolute;left:-18px;top:-3px;width:34px;height:30px;background:var(--cisp-blue);color:white;font-size:10px;font-weight:700;line-height:30px;text-align:center}
.trace-event::after {content:none;position:absolute;left:-7px;bottom:6px;font-size:15px;color:var(--cisp-blue)}
.trace-event:last-child::after {display:none}
.trace-date {color:var(--cisp-blue);font-size:12px;line-height:1.5;font-weight:700}
.trace-event p {font-size:16px;line-height:1.46;max-width:860px;margin:6px 0 8px;overflow-wrap:anywhere}
.trace-event a {font-size:12px;font-weight:700;color:var(--cisp-blue);text-underline-offset:4px}
.source-limitation {font-size:13px;line-height:1.55;color:var(--muted);margin:25px 0 0;max-width:940px}
.memo-index {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px}
.memo-row {border-bottom:1px solid var(--line);display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:18px 0;font-size:17px;line-height:1.35;font-weight:600}
.memo-row .memo-number {font-size:14px;color:var(--cisp-blue)}
.memo-row small {display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:7px;line-height:1.5}
.search-box {display:grid;grid-template-columns:minmax(250px,1fr) 220px 82px;gap:10px;align-items:end;margin:30px 0 16px;border-bottom:1px solid var(--line);padding-bottom:20px;position:relative}
.search-box>label:first-child {grid-column:1/-1;font-size:12px;font-weight:700;color:var(--cisp-blue)}
.search-box input,.search-box select,.search-box button {font:inherit;font-size:14px;height:46px;border:1px solid var(--line-strong);padding:0 12px;border-radius:var(--radius);background:#fff;color:var(--ink)}
.search-box button {background:var(--cisp-blue);color:#fff;font-weight:700;border-color:var(--cisp-blue);cursor:pointer}
.search-box input {width:100%;min-width:0}
.search-box select {min-width:0;width:100%}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.res-count {font-size:13px;color:var(--muted);margin:0 0 18px}
.resolution {border-bottom:1px solid var(--line)}
.resolution[hidden] {display:none}
.resolution>summary {display:grid;grid-template-columns:100px minmax(0,1fr) 124px;gap:20px;padding:17px 0;cursor:pointer;align-items:start;list-style:none}
.res-id {font-size:14px;font-weight:700;color:var(--cisp-blue)}
.res-snippet {font-size:var(--cisp-ui-text);line-height:1.38;overflow-wrap:anywhere}
.res-source {font-size:var(--cisp-ui-label);text-align:right;color:var(--muted)}
.resolution>summary:hover .res-snippet {color:var(--cisp-blue)}
.resolution-body {padding:10px 25px 24px 120px;background:#fff;border-top:1px solid var(--line);line-height:1.5;overflow-wrap:anywhere}
.resolution-body p {margin:8px 0 14px;max-width:920px;font-size:15px}
.resolution-body .note {font-size:12px;color:var(--muted)}
.record-issue {color:#a91f30;font-size:12px}
.empty {padding:20px;font-size:14px;color:var(--muted)}
#no-results[hidden] {display:none}
@media (max-width:940px) {
 .cisp-home-grid {grid-template-columns:1fr minmax(235px,.7fr);gap:25px}
 .cisp-home-art {min-height:370px;padding:18px}
 .cisp-record-hero-grid {grid-template-columns:1fr;gap:30px}
 .cisp-hero-aside {max-width:460px}
 .trail>summary {grid-template-columns:46px minmax(0,1fr) 160px;gap:15px}
 .matter-content {padding-left:48px}
 .memo-index {column-gap:25px}
}
@media (max-width:760px) {
 .cisp-header-type {font-size:12px}
 .cisp-header-type>span:last-child,.cisp-header-rule {display:none}
 .cisp-public-home {min-height:0}
 .cisp-home-grid {grid-template-columns:1fr;gap:35px;padding-block:52px}
 .cisp-home-copy {padding:0}
 .cisp-home-copy h1 {font-size:clamp(50px,11vw,76px)}
 .cisp-home-art {min-height:340px}
 .cisp-home-art>img {width:min(100%,290px)}
 .cisp-public-notice {margin-top:34px;grid-template-columns:1fr;gap:10px}
 .cisp-record-hero>.shell {padding-top:28px}
 .cisp-hero-top {align-items:flex-start;flex-direction:column;gap:6px}
 .cisp-record-hero-grid {padding:42px 0 30px}
 .cisp-record-hero-grid>* {min-width:0}
 .cisp-record-hero h1 {font-size:clamp(48px,10vw,74px)}
 .cisp-record-nav {grid-template-columns:1fr}
 .cisp-record-nav a,.cisp-record-nav a:nth-child(2),.cisp-record-nav a:last-child {padding:15px 0;border-right:0;border-bottom:1px solid #4b4b4b}
 .cisp-record-nav a:last-child {border-bottom:0}
 .cisp-record-nav a>span:last-child {padding-right:0}
 .trail>summary {grid-template-columns:30px minmax(0,1fr);gap:8px 12px;padding:19px 0}
 .trail summary .matter-title {font-size:23px}
 .trail summary .matter-count {grid-column:2;justify-content:start}
 .matter-content {padding:22px 16px 28px 14px}
 .trace-event {padding-left:33px}
 .trace-event p {font-size:15px}
 .memo-index {grid-template-columns:1fr}
 .search-box {grid-template-columns:1fr 85px}
 .search-box>label:first-child,.search-box input {grid-column:1/-1}
 .resolution>summary {grid-template-columns:75px minmax(0,1fr);gap:10px}
 .res-source {text-align:left;grid-column:2}
 .resolution-body {padding:12px 14px 20px}
 .res-snippet {font-size:14px}
}
@media(max-width:360px) {.cisp-header-type {display:none}.cisp-home-copy h1 {font-size:48px}.cisp-record-hero h1 {font-size:44px}.trail summary .matter-title {font-size:21px}}

/* v3 — parent identity and deliberate Law.net.ph first-fold correspondence. */
.brand-seal, .cisp-home-art {display:none !important}
.site-header .brand {color:#bfbfbf}
.site-header .brand-mark {display:block;width:34px;height:34px;fill:#bcbcbc}
.cisp-header-type {font-size:13px;font-weight:600;letter-spacing:0;color:#d1d1d1}
.cisp-header-rule {width:1px;height:18px;background:#666}
.cisp-header-detail {color:#bbb;font-weight:500}
.cisp-public-hero {background:#191919;border-bottom:1px solid #464646;color:#e5e5e5;--max:1280px;--gutter:32px}
.cisp-public-hero .cisp-opening {display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100svh - 69px);padding-block:clamp(72px,8vw,104px)}
.cisp-opening-overline {font-size:12px;letter-spacing:.075em;line-height:1.6;font-weight:700;color:#c3c3c3;margin:0 0 clamp(34px,3.5vw,50px)}
.cisp-opening-overline span {color:#8f8f8f;margin:0 8px}
.cisp-opening-grid {display:grid;grid-template-columns:minmax(0,2.32fr) minmax(260px,1fr);gap:clamp(40px,6vw,98px);align-items:center;flex:0 0 auto}
.cisp-opening-title {display:block;min-width:0}
.cisp-public-hero h1 {font-size:clamp(64px,7.6vw,116px);line-height:.98;letter-spacing:var(--lnp-track-hero);color:#e7e7e7;max-width:none}
.cisp-public-hero h1 em {font-style:italic;font-weight:700;color:#bdbdbd;font-synthesis:none}
.cisp-opening-aside {align-self:end;min-width:0;border-left:1px solid #555;padding:16px 0 0 clamp(24px,2.4vw,37px);color:#dfdfdf;margin-bottom:14px}
.cisp-aside-kicker {font-size:12px;letter-spacing:var(--lnp-track-overline);font-weight:700;color:#c6c6c6;margin:0 0 25px}
.cisp-aside-message {font-size:clamp(19px,1.75vw,24px);line-height:1.44;letter-spacing:-.016em;max-width:345px;margin:0 0 40px}
.cisp-opening-rule {border-top:1px solid #565656;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:18px;font-size:13px;color:#c4c4c4;line-height:1.5}
.cisp-aside-arrow {font-size:20px;color:#cfcfcf}
.cisp-opening-bottom {border-top:1px solid #444;display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.08em;color:#aaa}
.cisp-color-line {display:inline-flex;gap:0;width:72px;height:4px}
.cisp-color-line i {width:33.333%;height:4px;display:block;background:#2548ac}
.cisp-color-line i:nth-child(2){background:#c32c48}
.cisp-color-line i:nth-child(3){background:#d4aa15}
.cisp-footer-brand {display:inline-flex;align-items:center;gap:10px}
.cisp-footer-brand .brand-mark {width:24px;height:24px;fill:#bcbcbc}
.cisp-footer-brand strong {font-size:15px;font-weight:700;color:#bfbfbf;margin:0}
.cisp-footer-context {font-size:12px;color:#aeb0b2}
/* Board record inherits the same dark opening and page-title grammar. */
.cisp-record-hero {border-bottom:1px solid #494949}
.cisp-record-hero h1 {font-size:clamp(60px,6.6vw,102px);line-height:.97;letter-spacing:var(--lnp-track-hero)}
@media(max-width:940px){
 .cisp-opening-grid{grid-template-columns:minmax(0,1.6fr) minmax(205px,.8fr);gap:30px}
 .cisp-public-hero h1{font-size:clamp(64px,9vw,86px)}
}
@media(max-width:760px){
 .cisp-public-hero .cisp-opening{min-height:calc(100svh - 68px);padding-block:clamp(48px,8vw,68px)}
 .cisp-opening-overline{font-size:10px;margin-bottom:clamp(50px,12vw,80px)}
 .cisp-opening-grid{grid-template-columns:1fr;gap:35px;align-content:start}
 .cisp-public-hero h1{font-size:clamp(55px,11.7vw,89px)}
 .cisp-opening-aside{max-width:440px;padding-left:23px;align-self:start;margin-bottom:0}
 .cisp-aside-message{font-size:19px;margin-bottom:22px}
 .cisp-opening-bottom{margin-top:auto}
 .cisp-header-detail{display:none}
 .cisp-header-rule{display:none}
 .cisp-header-type{display:flex;font-size:12px}
}
@media(max-width:360px){.cisp-public-hero h1{font-size:clamp(49px,11vw,60px)}.cisp-opening-overline{font-size:9px}.cisp-opening-bottom{font-size:9px}}

/* v4 — Law.net.ph HOME typography: exact values from source src/home-page.ts.
   Public homepage only; private Board chronologies untouched. */
.cisp-public-hero .cisp-opening {min-height:calc(100svh - 68px);padding-block:clamp(38px,6vw,76px)}
.cisp-opening-overline {font-size:11px;letter-spacing:.08em;line-height:1.55;margin:0 0 35px;color:#bcbcbc}
.cisp-opening-grid {grid-template-columns:minmax(0,2.15fr) minmax(250px,.85fr);gap:70px;align-items:end}
.cisp-public-hero h1 {font-size:clamp(51px,6.15vw,89px);line-height:1.015;letter-spacing:-.035em;font-weight:700}
.cisp-opening-aside {padding:22px 0 0 24px;border-left:1px solid #686868;margin-bottom:0;align-self:end}
.cisp-aside-kicker {color:#b8b8b8;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 20px}
.cisp-aside-message {font-size:18px;line-height:1.56;letter-spacing:normal;color:#cacaca;max-width:365px;margin:0 0 20px}
.cisp-opening-rule {border-top:1px solid #565656;padding-top:17px;font-size:13px;font-weight:600;line-height:1.5;color:#dddddd;letter-spacing:normal}
.cisp-opening-bottom {font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.5;padding-top:18px;margin-top:clamp(44px,7vw,90px)}
.cisp-public-hero h1 em {color:#c3c3c3}
@media(max-width:940px){
 .cisp-opening-grid {grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:32px}
 .cisp-public-hero h1 {font-size:clamp(51px,6.15vw,89px)}
}
@media(max-width:760px){
 .cisp-public-hero .cisp-opening {min-height:calc(100svh - 68px);padding-block:38px 30px}
 .cisp-opening-overline {font-size:11px;margin-bottom:23px}
 .cisp-opening-grid {grid-template-columns:1fr;gap:25px;align-items:start}
 .cisp-public-hero h1 {font-size:clamp(43px,11vw,61px);line-height:1.04;letter-spacing:-.031em}
 .cisp-opening-aside {max-width:560px;padding:0 0 0 15px;align-self:start}
 .cisp-aside-kicker {margin-bottom:12px}
 .cisp-aside-message {font-size:16px;line-height:1.5;margin-bottom:12px}
 .cisp-opening-rule {min-height:44px;display:flex;align-items:center}
 .cisp-opening-bottom {margin-top:32px;font-size:10px}
}
@media(max-width:360px){.cisp-public-hero h1{font-size:clamp(40px,11vw,50px)}.cisp-opening-bottom{font-size:9px}}

/* Match the one-window Law.net.ph hero distribution rather than leaving half a page empty. */
.cisp-public-hero .cisp-opening {min-height:calc(100svh - 70px);padding-block:clamp(48px,6vw,86px)}
.cisp-opening-grid {flex:1;align-items:center}
.cisp-opening-aside {align-self:center}
.cisp-opening-bottom {margin-top:0}
@media(max-width:940px){
 .cisp-opening-grid{grid-template-columns:1fr;gap:28px}
 .cisp-opening-aside{width:min(100%,520px);align-self:start}
}
@media(max-width:760px){
 .cisp-public-hero .cisp-opening{min-height:calc(100svh - 70px);padding-block:32px 24px}
 .cisp-opening-grid{gap:20px;align-content:center}
 .cisp-opening-aside{width:100%}
}

/* v5: exact parent masthead navigation scale; single right-side institutional label.
   Public landing: no duplicate footer, false-action arrows or unnecessary horizontal rules. */
.cisp-header-type {
  display: block; justify-self:end; min-width:0;
  color:#d1d1d1; font-size:13px; font-weight:600;
  letter-spacing:normal; line-height:1.45; white-space:nowrap;
}
.cisp-public-hero { border-bottom:0; }
.cisp-opening-bottom { border-top:0; padding-top:0; }
.cisp-private-caption {
  margin:0; color:#bdbdbd; font-size:13px;
  line-height:1.5; font-weight:600;
}
.cisp-record-end { background:#191919; color:#bfbfbf; padding:26px 0; }
.cisp-record-end .shell {display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:600}
.cisp-record-end a {color:#ddd;text-decoration:none}
.cisp-record-end a:hover {text-decoration:underline;text-underline-offset:4px}
@media(max-width:940px) {.cisp-header-type{font-size:12px}}
@media(max-width:760px) {
 .cisp-header-type{display:block;font-size:12px}
 .cisp-opening-bottom{padding-top:0}
}
@media(max-width:360px) {.cisp-header-type{display:block;font-size:12px}}

/* v6: retain the actual Law.net.ph globalStyles and site-nav classes.
   The hero returns to the large editorial composition approved by the user.
   No duplicated site mark, branded footer or arbitrary additional rules. */
.cisp-public-nav,.cisp-record-topnav { min-width:0;justify-self:end; }
.cisp-public-nav .nav-action,.cisp-record-topnav .nav-action { gap:7px; }
.cisp-public-hero {border:0}
.cisp-public-hero .cisp-opening {min-height:calc(100svh - 69px);padding-block:clamp(50px,6vw,96px);}
.cisp-opening-overline {font-size:12px;line-height:1.55;letter-spacing:var(--lnp-track-overline);margin:0 0 24px;}
.cisp-opening-grid {display:grid;grid-template-columns:minmax(0,2.15fr) minmax(270px,.85fr);gap:clamp(42px,5.7vw,94px);align-items:center;flex:1}
.cisp-public-hero h1 {font-size:clamp(68px,7.15vw,116px);line-height:.98;letter-spacing:var(--lnp-track-hero);font-weight:700;max-width:none;}
.cisp-public-hero h1 em {font-weight:700;letter-spacing:inherit;color:var(--lnp-italic-on-dark)}
.cisp-opening-aside {border-left:1px solid #626262;padding:9px 0 9px clamp(24px,2.2vw,36px);margin:0;align-self:center}
.cisp-aside-kicker {font-size:12px;font-weight:700;letter-spacing:var(--lnp-track-overline);margin:0 0 23px}
.cisp-aside-message {font-size:clamp(18px,1.6vw,22px);line-height:1.48;letter-spacing:normal;max-width:365px;margin:0 0 26px}
.cisp-private-caption {font-size:13px;font-weight:500;line-height:1.55;color:#c9c9c9;max-width:355px}
.cisp-opening-bottom {display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;padding:0;margin:0;font-size:11px;letter-spacing:.07em;line-height:1.55;font-weight:700;color:#bcbcbc}
.cisp-opening-bottom b {font-size:13px;margin:0 7px;color:#a7a7a7}
.cisp-color-line {flex:0 0 72px}
@media(max-width:940px) {
 .cisp-opening-grid {grid-template-columns:minmax(0,1.5fr) minmax(215px,.8fr);gap:30px}
 .cisp-public-hero h1{font-size:clamp(60px,8.9vw,92px)}
 .cisp-opening-aside{max-width:none;align-self:center}
 .site-nav ul {gap:15px}
}
@media(max-width:760px) {
 .site-header .topbar {gap:12px}
 .cisp-public-nav .site-nav, .cisp-record-topnav .site-nav {display:block}
 .cisp-public-nav ul,.cisp-record-topnav ul{gap:8px}
 .cisp-public-nav a,.cisp-record-topnav a{font-size:11px}
 .cisp-public-nav li:first-child,.cisp-record-topnav li:first-child{display:none}
 .cisp-public-nav .nav-action,.cisp-record-topnav .nav-action{min-height:34px;padding:0 8px}
 .cisp-public-hero .cisp-opening {min-height:calc(100svh - 69px);padding-block:clamp(34px,8vw,60px)}
 .cisp-opening-overline{font-size:10px;margin-bottom:26px}
 .cisp-opening-grid{grid-template-columns:1fr;gap:42px;align-content:center}
 .cisp-public-hero h1{font-size:clamp(48px,12.3vw,82px);line-height:.98;letter-spacing:-.04em}
 .cisp-opening-aside{align-self:start;padding-left:20px}
 .cisp-aside-message{font-size:18px;line-height:1.45;margin-bottom:14px}
 .cisp-opening-bottom{font-size:10px;flex-wrap:wrap;gap:10px}
 .cisp-opening-bottom b{margin:0 3px}
}
@media(max-width:420px) {
 .topbar .brand{gap:7px;font-size:15px}
 .topbar .brand-mark{width:27px;height:27px}
 .cisp-public-nav li:nth-child(2),.cisp-record-topnav li:nth-child(2){display:none}
 .cisp-public-hero h1{font-size:clamp(47px,12.1vw,53px)}
 .cisp-opening-overline{font-size:9px}
 .cisp-opening-bottom{font-size:9px}
}
@media(max-width:1050px) and (min-width:761px) {
 .site-header .topbar{grid-template-columns:auto minmax(0,1fr);gap:20px;padding-block:0;min-height:68px}
 .cisp-public-nav,.cisp-record-topnav{justify-self:end}
 .site-nav ul{flex-wrap:nowrap}
}
@media(max-width:760px) {
 .site-header .site-nav.cisp-public-nav,.site-header .site-nav.cisp-record-topnav{display:block;justify-self:end}
}
@media(max-width:355px){.cisp-public-hero h1{font-size:clamp(43px,12.5vw,47px)}}

.cisp-public-nav li > span {
    color:#d1d1d1;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
    cursor:default;
}
.cisp-public-nav li > span:not(.nav-action):hover {
    color:#eee;
    text-decoration:underline;
    text-underline-offset:5px;
}
@media(max-width:760px) {
    .cisp-public-nav li > span {font-size:11px}
}

/* v6.2: arrow glyphs replaced by source-owned inline SVGs. */
.cisp-svg-arrow{display:inline-block;width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em;flex:none}
.cisp-public-nav .cisp-svg-arrow{margin-left:1px;vertical-align:-.16em}
.cisp-opening-bottom{display:flex;align-items:center}
.cisp-opening-bottom > span:first-child{display:flex;align-items:center;gap:clamp(6px,.8vw,12px);white-space:nowrap}
.cisp-opening-bottom .cisp-svg-forward{width:14px;height:14px;color:#adadad}
.cisp-record-hero .cisp-svg-arrow,.cisp-record-nav .cisp-svg-arrow{margin-left:5px}
.cisp-record-nav a{display:flex;align-items:center;gap:7px}
.trail .open-arrow{display:inline-flex;vertical-align:middle}
.trail .open-arrow .cisp-svg-arrow{width:17px;height:17px}
.trace-event::after{content:none!important}
.trace-event>.cisp-svg-down{position:absolute;left:-9px;bottom:8px;color:var(--cisp-blue)}
.trace-event:last-child>.cisp-svg-down{display:none}
.cisp-instruction-arrow .cisp-svg-arrow{width:20px;height:20px}
@media(max-width:760px){
 .cisp-public-hero .cisp-opening{padding-block:32px 26px;min-height:calc(100svh - 69px)}
 .cisp-opening-grid{flex:0 0 auto;align-content:start;gap:clamp(24px,4vh,34px);margin-top:clamp(54px,10svh,91px)}
 .cisp-opening-bottom{margin-top:auto;font-size:10px;letter-spacing:.035em;line-height:1.4}
 .cisp-opening-bottom>span:first-child{gap:clamp(5px,1.3vw,10px)}
 .cisp-opening-bottom .cisp-svg-forward{width:12px;height:12px}
 .cisp-record-nav .cisp-svg-arrow{margin-left:auto}
}
@media(max-width:420px){
 .cisp-opening-bottom{font-size:9px;letter-spacing:.02em}
 .cisp-opening-bottom>span:first-child{gap:4px}
 .cisp-opening-bottom .cisp-svg-forward{width:11px;height:11px}
 .cisp-color-line{flex-basis:72px}
}
@media(max-width:760px) and (max-height:670px){
 .cisp-public-hero .cisp-opening{min-height:auto;padding-block:24px 28px}
 .cisp-opening-grid{margin-top:30px}
 .cisp-opening-bottom{margin-top:42px}
}

/* v6.3: 1CISP tricolor signature, carried from the public homepage into the protected record. */
.cisp-hero-provenance{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cisp-private-tricolor{display:inline-flex;width:72px;height:4px;flex:0 0 72px;vertical-align:middle}
.cisp-private-tricolor i{height:4px;width:33.333%;display:block;background:var(--cisp-blue)}
.cisp-private-tricolor i:nth-child(2){background:var(--cisp-red)}
.cisp-private-tricolor i:nth-child(3){background:var(--cisp-gold)}
/* Documentary color roles: red only for source-confirmed supersession; yellow for link basis. */
.trace-date.cisp-documented-amendment{border-left:3px solid var(--cisp-red);padding-left:9px}
.matter-basis{border-left:3px solid var(--cisp-gold);padding-left:12px}
/* Long mobile register: progressive disclosure while text search and memorandum filters access all entries. */
.cisp-res-more{display:block;margin:24px 0 8px;padding:13px 20px;min-height:48px;border:1px solid var(--cisp-blue);background:transparent;color:var(--cisp-blue);font:600 14px 'Inter Tight',Arial,sans-serif;cursor:pointer;text-align:center}
.cisp-res-more:hover,.cisp-res-more:focus-visible{background:var(--cisp-blue);color:#fff}
.cisp-res-more[hidden]{display:none!important}
@media(max-width:760px){.cisp-hero-provenance{gap:10px}.cisp-private-tricolor{flex-basis:60px;width:60px}}

/* v6.9.1a: quiet footer links; no breadcrumb above the white section. */
.cisp-footer-evidence{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.cisp-footer-evidence a{font-size:12px;color:#e5e5e5;text-decoration:none}.cisp-footer-evidence a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.cisp-record-end .shell{flex-wrap:wrap}.cisp-footer-evidence{width:100%;gap:13px}}

.cisp-matter-history-link{display:inline-flex;margin:0 20px 13px;font-size:12px;color:#234eaa;font-weight:650;text-decoration:underline;text-underline-offset:4px}.cisp-matter-history-link:hover{color:#b82a45}


/* 1CISP Five-View V15: native SVG disclosure icon and stable focus/alignments. */
.cisp-inline-icon{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.13em;stroke:currentColor}

/* V15: native identity and SVG icon baseline, no global visual override. */
.cisp-identity-tag{font-weight:700;letter-spacing:normal;text-transform:none}
.cisp-opening-overline{text-transform:none}
.cisp-hero-top .section-kicker{text-transform:none}