.info-main { max-width: 1280px; margin: 0 auto; padding: clamp(24px,5vw,64px) clamp(14px,4vw,44px) 80px; }
.info-hero { position: relative; overflow: hidden; padding: clamp(28px,5vw,58px); color: #f5f0e6; background: #1d1d1b; border-left: 6px solid var(--red); box-shadow: var(--shadow); }
.info-hero::after { content: attr(data-label); position: absolute; right: 22px; bottom: -7px; color: rgba(255,255,255,.045); font: 900 clamp(44px,9vw,110px)/1 Arial,sans-serif; letter-spacing: -.05em; pointer-events: none; }
.info-hero > * { position: relative; z-index: 1; }
.info-hero h1 { max-width: 850px; margin: 0; font-size: clamp(34px,6vw,68px); line-height: 1.05; letter-spacing: -.035em; }
.info-hero .lead { max-width: 760px; margin: 20px 0 0; color: #c4bfb5; font-size: 14px; line-height: 1.85; }
.info-hero-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.info-hero-meta span { padding: 6px 8px; color: #ddd7ca; background: #2b2a27; border: 1px solid #46433e; font-size: 9px; font-weight: 800; }
.info-section { margin-top: 18px; padding: clamp(20px,3vw,30px); background: rgba(255,253,247,.82); border: 1px solid var(--line); }
.info-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.info-section-heading h2 { margin: 0; font-size: clamp(22px,3vw,32px); }
.info-section-heading p { max-width: 620px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.process-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin: 0; }
.process-step { position: relative; min-width: 0; padding: 16px; background: #ede7dc; border: 1px solid #c9c1b4; border-top: 3px solid var(--green); }
.process-step:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -20px; width: 16px; color: var(--red); font: 900 19px/1 Arial,sans-serif; text-align: center; transform: translateY(-50%); }
.process-step b { display: grid; place-items: center; width: 27px; height: 27px; margin-bottom: 12px; color: #fff; background: var(--green); font: 900 12px/1 Arial,sans-serif; }
.process-step strong { display: block; font-size: 13px; }
.process-step span { display: block; margin-top: 6px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.guide-figure { margin: 16px 0 0; padding: 18px; background: #292825; border-left: 4px solid var(--orange); }
.guide-figure figcaption { margin-bottom: 13px; color: #c6c0b5; font-size: 10px; font-weight: 800; }
.mock-window { overflow: hidden; background: #f3efe6; border: 1px solid #57544e; }
.mock-toolbar { display: flex; align-items: center; gap: 6px; padding: 8px 10px; color: #c8c1b5; background: #181817; font-size: 9px; }
.mock-toolbar i { width: 7px; height: 7px; border-radius: 50%; background: #756f66; }
.mock-toolbar strong { margin-left: 5px; color: #eee9df; letter-spacing: .08em; }
.mock-body { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; padding: 12px; }
.mock-panel { min-width: 0; padding: 10px; background: #fffdf8; border: 1px solid #c6beb1; }
.mock-panel.accent { color: #fff; background: var(--green); border-color: var(--green); }
.mock-label { display: block; margin-bottom: 7px; color: #857f75; font-size: 8px; font-weight: 900; }
.mock-panel.accent .mock-label { color: #d9e0d5; }
.mock-field { min-height: 28px; display: flex; align-items: center; padding: 6px 8px; background: #ece7dd; border: 1px solid #c9c1b4; font-size: 10px; font-weight: 800; }
.mock-panel.accent .mock-field { color: var(--ink); background: #fffdf8; }
.mock-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mock-button { padding: 7px 9px; color: #fff; background: var(--red); font-size: 8px; font-weight: 900; }
.mock-button.orange { background: var(--orange); }
.mock-button.dark { background: #34322e; }
.guide-points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.guide-points li { padding: 11px 12px; color: #555149; background: #ece6dc; border-left: 3px solid var(--green); font-size: 10px; line-height: 1.65; }
.guide-points strong { color: var(--ink); }
.legal-layout { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 18px; margin-top: 18px; align-items: start; }
.legal-nav { position: sticky; top: calc(var(--header-height) + 18px); padding: 14px; background: #242321; border-top: 3px solid var(--red); }
.legal-nav strong { display: block; margin-bottom: 9px; color: #fff; font-size: 11px; }
.legal-nav a { display: block; padding: 8px 0; color: #bdb7ac; border-bottom: 1px solid #3d3a36; font-size: 10px; text-decoration: none; }
.legal-nav a:hover { color: #fff; }
.legal-content { display: grid; gap: 9px; }
.legal-article { padding: 20px; background: rgba(255,253,247,.84); border: 1px solid var(--line); }
.legal-article h2 { margin: 0 0 10px; font-size: 18px; }
.legal-article p, .legal-article li { color: #5f5a52; font-size: 11px; line-height: 1.85; }
.legal-article p { margin: 0; }
.legal-article p + p { margin-top: 9px; }
.legal-article ul { margin: 8px 0 0; padding-left: 1.4em; }
.info-footer { max-width: 1280px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 auto; padding: 22px clamp(14px,4vw,44px) 40px; color: var(--muted); font-size: 9px; }
.info-footer nav { display: flex; flex-wrap: wrap; gap: 14px; }
.info-footer a { color: var(--red); font-weight: 800; text-decoration: none; }
.info-footer a:hover { text-decoration: underline; }
.header-links a[aria-current="page"] { color: #fff; border-bottom-color: var(--red); }

.admin-main { max-width: 1380px; margin: 0 auto; padding: clamp(24px,4vw,52px) clamp(14px,3vw,36px) 70px; }
.admin-login { width: min(430px,100%); margin: clamp(40px,8vw,110px) auto; padding: 25px; background: rgba(255,253,247,.9); border: 1px solid var(--line); border-top: 4px solid var(--red); box-shadow: var(--shadow); }
.admin-login h1 { margin: 0 0 8px; font-size: 27px; }
.admin-login > p:not(.eyebrow) { margin: 0 0 18px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.admin-login form { display: grid; gap: 10px; }
.admin-error { padding: 9px 10px; color: #742b24; background: #f2d8d3; border-left: 3px solid var(--red); font-size: 10px; }
.admin-topbar { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.admin-topbar h1 { margin: 0; font-size: clamp(28px,4vw,44px); }
.admin-actions { display: flex; gap: 7px; }
.admin-actions form { margin: 0; }
.admin-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-bottom: 13px; }
.admin-stat { padding: 14px; color: #eee9df; background: #282724; border-top: 3px solid var(--green); }
.admin-stat:nth-child(2) { border-top-color: var(--red); }
.admin-stat:nth-child(3) { border-top-color: var(--orange); }
.admin-stat span { display: block; color: #9d988f; font-size: 9px; font-weight: 800; }
.admin-stat strong { display: block; margin-top: 7px; font: 900 25px/1 Arial,sans-serif; }
.admin-table-wrap { overflow-x: auto; background: rgba(255,253,247,.84); border: 1px solid var(--line); }
.admin-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.admin-table th { padding: 9px; color: #eee9df; background: var(--ink); border-right: 1px solid #3d3b37; font-size: 9px; text-align: left; }
.admin-table td { padding: 9px; border-right: 1px solid #d2cabd; border-bottom: 1px solid #d2cabd; font-size: 10px; }
.admin-table tr:last-child td { border-bottom: 0; }
.admin-table a { color: var(--red); font-weight: 900; text-decoration: none; }
.admin-table a:hover { text-decoration: underline; }
.status-pill { display: inline-block; padding: 4px 6px; color: #fff; background: var(--green); font-size: 8px; font-weight: 900; }
.status-pill.unlisted { background: var(--orange); }
.status-pill.invalid { background: var(--red); }
.admin-empty { padding: 40px 20px; color: var(--muted); text-align: center; }

.guide-toc { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px; margin-top: 14px; }
.guide-toc a { min-width: 0; display: flex; align-items: center; gap: 7px; padding: 10px; color: #625d55; background: rgba(255,253,247,.78); border: 1px solid var(--line); font-size: 9px; font-weight: 800; text-decoration: none; }
.guide-toc a:hover { color: var(--red); border-color: var(--red); }
.guide-toc b { color: var(--red); font: 900 12px/1 Arial,sans-serif; }
.guide-sequence { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.guide-sequence li { display: grid; grid-template-columns: 38px minmax(0,1fr) 110px; gap: 12px; align-items: center; padding: 12px; background: #ece6db; border: 1px solid #cbc3b6; border-left: 3px solid var(--green); }
.guide-sequence li > b { display: grid; place-items: center; width: 30px; height: 30px; color: #fff; background: var(--green); font: 900 12px/1 Arial,sans-serif; }
.guide-sequence strong { display: block; font-size: 13px; }
.guide-sequence p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.guide-sequence li > span { justify-self: end; padding: 5px 7px; color: var(--red); background: #fffaf2; border: 1px solid #d0c7ba; font-size: 8px; font-weight: 900; text-align: center; }
.guide-section-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.guide-section-grid article { position: relative; min-width: 0; padding: 15px; background: #ece6db; border: 1px solid #cbc3b6; border-top: 3px solid var(--green); }
.guide-section-grid article > b { color: #afa699; font: 900 21px/1 Arial,sans-serif; }
.guide-section-grid h3 { margin: 11px 0 6px; font-size: 15px; }
.guide-section-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.guide-details { display: grid; gap: 7px; }
.guide-details details { background: #ece6db; border: 1px solid #c9c1b4; }
.guide-details summary { position: relative; padding: 13px 40px 13px 14px; cursor: pointer; font-size: 11px; font-weight: 900; list-style: none; }
.guide-details summary::-webkit-details-marker { display: none; }
.guide-details summary::after { content: "+"; position: absolute; right: 14px; top: 50%; color: var(--red); font: 900 18px/1 Arial,sans-serif; transform: translateY(-50%); }
.guide-details details[open] summary { color: #fff; background: var(--green); }
.guide-details details[open] summary::after { content: "−"; color: #fff; }
.guide-details details > div { padding: 13px 15px; background: #fffdf8; border-top: 1px solid #c9c1b4; }
.guide-details p { margin: 0; color: #5e5951; font-size: 10px; line-height: 1.8; }
.guide-details p + p { margin-top: 8px; }

.admin-flash { margin: 0 0 12px; padding: 11px 13px; color: #315638; background: #dce8d9; border-left: 4px solid var(--green); font-size: 11px; font-weight: 800; }
.admin-flash.error { color: #742b24; background: #f2d8d3; border-left-color: var(--red); }
.admin-record-section { margin-top: 13px; padding: 16px; background: rgba(255,253,247,.72); border: 1px solid var(--line); }
.admin-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 13px; }
.admin-section-heading h2 { margin: 0; font-size: 22px; }
.admin-section-heading > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.admin-record-list { display: grid; gap: 9px; }
.admin-record-card { overflow: hidden; background: #f5f1e8; border: 1px solid #c8c0b3; border-left: 4px solid var(--green); }
.admin-record-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; background: #e8e2d7; border-bottom: 1px solid #c8c0b3; }
.admin-record-card > header a { display: block; color: var(--ink); font-size: 15px; font-weight: 900; text-decoration: none; }
.admin-record-card > header a:hover { color: var(--red); }
.admin-record-card > header small { display: block; margin-top: 3px; color: var(--muted); font: 8px/1 Arial,sans-serif; }
.admin-record-meta { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 12px; border-bottom: 1px dashed #c8c0b3; }
.admin-record-meta span { padding: 4px 6px; color: #625d55; background: #e8e2d7; font-size: 8px; font-weight: 800; }
.admin-control-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; padding: 10px; }
.admin-control { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; align-items: end; padding: 8px; background: #ebe5da; border: 1px solid #cbc3b6; }
.admin-control .button { min-width: 66px; }
.admin-control-danger { grid-template-columns: minmax(0,1fr) auto; align-items: center; color: #eee8df; background: #302e2a; border-color: #4d4942; }
.admin-control-danger b, .admin-control-danger small { display: block; }
.admin-control-danger b { font-size: 11px; }
.admin-control-danger small { margin-top: 4px; color: #aaa39a; font-size: 8px; }
.trash-section { border-top: 3px solid var(--orange); }
.admin-trash-list { display: grid; gap: 7px; }
.admin-trash-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 12px; background: #e8e2d7; border: 1px solid #c8c0b3; border-left: 4px solid var(--orange); }
.admin-trash-card strong, .admin-trash-card span { display: block; }
.admin-trash-card strong { font-size: 12px; }
.admin-trash-card span { margin-top: 4px; color: var(--muted); font-size: 8px; }

@media (max-width: 980px) {
  .process-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .process-step:nth-child(2)::after { display: none; }
  .feature-intro { grid-template-columns: 1fr; }
  .admin-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .guide-toc { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .guide-section-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-control-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .info-main { padding-top: 16px; }
  .info-hero { padding: 27px 20px; }
  .info-section-heading { align-items: start; flex-direction: column; }
  .process-flow { grid-template-columns: 1fr; gap: 22px; }
  .process-step:not(:last-child)::after, .process-step:nth-child(2)::after { display: block; content: "↓"; top: auto; right: 50%; bottom: -20px; transform: translateX(50%); }
  .mock-body { grid-template-columns: 1fr; }
  .guide-points { grid-template-columns: 1fr; }
  .legal-layout { grid-template-columns: 1fr; }
  .legal-nav { position: static; }
  .legal-nav a { display: inline-block; margin-right: 12px; }
  .info-footer { align-items: start; flex-direction: column; }
  .admin-topbar { align-items: start; flex-direction: column; }
  .admin-stats { grid-template-columns: 1fr 1fr; }
  .guide-toc { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .guide-sequence li { grid-template-columns: 34px minmax(0,1fr); }
  .guide-sequence li > span { grid-column: 2; justify-self: start; }
  .guide-section-grid { grid-template-columns: 1fr; }
  .admin-section-heading { align-items: start; flex-direction: column; }
  .admin-control-grid { grid-template-columns: 1fr; }
  .admin-trash-card { align-items: stretch; flex-direction: column; }
}