/* Tools variant: confirmed Current Rule Pela src/ui/styles.css. */
/* Global navigation inherits the official site. Rule Pela applies to tool content. */
.ad-site :is(.site-header,.mobile-panel) {font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI","Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.7}
.ad-site {font-family:system-ui,-apple-system,"Segoe UI","Yu Gothic UI","Meiryo","Malgun Gothic","Microsoft YaHei","Microsoft JhengHei",sans-serif;line-height:1.5;font-synthesis:none}
.ad-compact-header .header-nav {display:none}
.ad-compact-menu a[aria-current="page"] {color:var(--text)}
.ad-compact-header .menu-button {display:inline-flex;align-items:center;justify-content:center}
.ad-compact-menu.is-open {display:block;position:fixed;top:64px;left:0;right:0;z-index:49;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
.ad-tool .ad-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ad-state-note:empty {display:none}
.ad-section-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 12px;scroll-margin-top:80px}
.ad-tool .ad-section-heading h2 {margin:0;min-width:0}
.ad-section-heading .ad-back-actions {margin:0;flex-shrink:0}
@media(max-width:840px) {.ad-section-heading {flex-direction:column;align-items:flex-start;gap:12px}.ad-section-heading .ad-back-actions {order:-1}}
@media(max-width:639px) {.ad-compact-menu.is-open {top:56px;max-height:calc(100dvh - 56px)}}
.ad-tool :is(a,button,input,textarea,select,summary):focus-visible {outline:3px solid var(--navy);outline-offset:4px}
.ad-site :is(a,button,input,summary) {-webkit-tap-highlight-color:transparent}
.ad-site .skip-link:not(:focus) {visibility:hidden}
.ad-site .site-footer {border-top:0;padding:0 0 28px}
.ad-site .site-footer .container {width:100%;padding:20px 28px;border-top:1px solid var(--border)}
.ad-site .ad-tool .card {border-radius:4px;box-shadow:none;border-color:var(--border);padding:16px}
.ad-site .ad-tool .card:hover {border-color:var(--blue);box-shadow:none}
.ad-site .site-footer {background:var(--page);color:var(--muted);font-size:14px}.ad-site .site-footer .container {max-width:1160px}.ad-site .site-footer h2 {color:var(--text);font-weight:550;font-size:14px}.ad-site .site-footer a {color:var(--blue)}.ad-site .footer-logo {filter:none;max-width:160px}.ad-site .footer-bottom {border-top:1px solid var(--border);margin-top:20px}.ad-site .footer-grid {gap:20px}
.ad-tool {max-width:1120px;margin:24px auto 48px;padding:0 28px;line-height:1.5;font-synthesis:none}
.ad-tool h1,.ad-tool h2,.ad-tool h3 {font-weight:550;letter-spacing:-.025em}
.ad-tool .ad-category {margin:0 0 8px;font-size:14px;font-weight:650;letter-spacing:.09em;color:var(--blue)}
.ad-product-title {display:flex;align-items:center;gap:12px}
.ad-product-title img {width:48px;height:48px;flex:0 0 auto}
.ad-tool h2 {font-size:23px;margin:20px 0 12px}.ad-tool p {margin:12px 0}.ad-tool .ad-note {font-size:14px;color:var(--muted)}
.ad-tool label {display:grid;gap:6px;min-width:0;font-size:14px;font-weight:550}.ad-tool textarea,.ad-tool input,.ad-tool select {font-family:inherit;font-size:16px;font-weight:400;color:var(--navy);background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;padding:10px;min-height:44px;min-width:0;max-width:100%}.ad-tool select {padding:8px;line-height:normal}
.ad-tool textarea {resize:vertical;min-height:144px;width:100%;line-height:1.5}.ad-tool input {width:100%}.ad-tool input[type=number] {max-width:150px}
.ad-tool [hidden] {display:none!important}
.ad-purpose {border:0;padding:0;margin:16px 0;min-width:0}.ad-purpose legend {font-size:14px;font-weight:550;margin-bottom:8px}
.ad-radio-options {display:flex;flex-wrap:wrap;gap:8px}.ad-radio-options label {display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:4px;padding:8px 12px;min-height:44px;background:var(--surface);cursor:pointer}
.ad-radio-options label:has(:checked) {border-color:var(--blue);background:#edf4fb}.ad-radio-options input[type=radio] {position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;margin:0;opacity:0;cursor:pointer}
.ad-radio-options label:has(:focus-visible) {outline:3px solid var(--navy);outline-offset:4px}
#ad-status {font-size:14px;color:var(--muted)}.ad-inputs label .ad-note {margin:0 0 6px;font-weight:400}.ad-inputs textarea {display:block}
.ad-minimal-footer .footer-bottom {border-top:0;margin-top:0;padding-top:0}
.ad-grid {align-items:start}
.ad-inputs .ad-preset-options {margin:0;grid-template-columns:1fr}.ad-preset-options label {max-width:100%}
.ad-generator {border:0;padding:0;margin:20px 0 0;min-width:0}.ad-generator legend {padding:0;font-size:14px;font-weight:550}
.ad-start-actions .ad-clear-inputs {margin-inline-start:auto;width:auto;justify-self:end}
.ad-tool .ad-path-label {flex:0 0 auto;color:var(--blue);font-size:13px;align-self:center}
.ad-tool :is(h2,.ad-inputs)[tabindex="-1"]:focus {outline:none}
.ad-inputs .ad-more {margin-top:0}.ad-start-actions {margin:18px 0 10px}.ad-exports .ad-note {margin:6px 0;font-size:12px}
.ad-exports summary {min-height:44px;cursor:pointer;padding:12px 0}

.ad-tool :is(button,input,textarea,select,summary):focus-visible {outline:3px solid var(--navy);outline-offset:4px}
.ad-button {border:1px solid var(--border-strong);background:var(--surface);color:var(--navy);min-height:44px;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:550;line-height:1.5;max-width:100%;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
.ad-button:hover:not(:disabled) {border-color:var(--blue);background:#f0f6fc}.ad-button.primary {background:var(--navy);color:white;border-color:var(--navy)}.ad-button.primary:hover:not(:disabled) {background:#14346b}
.ad-tool button:disabled,.ad-tool select:disabled {opacity:.65;cursor:default}.ad-grid,.ad-preset-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.ad-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:12px 0}.ad-title-input {max-width:720px}
.ad-editor,.ad-result-section {padding:18px 0;border-top:1px solid var(--border)}
.ad-editor-instructions>summary {min-height:44px;padding:12px 0;cursor:pointer}
.ad-help-list {padding-inline-start:1.4em;margin:12px 0;line-height:1.7}.ad-help-list li {margin:8px 0}
.ad-input-help,.ad-more,.ad-disclosure {padding:0;border-top:1px solid var(--border)}
.ad-input-help>summary,.ad-more>summary,.ad-disclosure>summary {min-height:44px;padding:12px 0;cursor:pointer}
.ad-more .ad-actions {margin:20px 0}
.ad-edit-actions {border-top:1px solid var(--border);padding-top:16px;margin-top:20px}
@media(max-width:600px) {.ad-edit-actions {display:grid;grid-template-columns:1fr}.ad-edit-actions button {width:100%}}
.ad-error {color:#701d27;font-weight:550}.ad-error:empty {display:none}
.ad-results-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 16px}
.ad-tool .ad-results-heading h2 {margin:0}.ad-results-heading label {max-width:100%}
.ad-copy-actions {align-items:center}.ad-copy-actions .ad-note:empty {display:none}
.ad-board-scroll {max-width:100%;max-height:760px;overflow:auto;background:white;border:1px solid var(--border);overscroll-behavior:contain;touch-action:pan-x pan-y}.ad-board-inner {padding:8px 0}.ad-ladder {display:block;touch-action:pan-x pan-y}.ad-line {stroke:var(--muted);stroke-width:2}.ad-bar {stroke:var(--muted);stroke-width:3}.ad-bar.user {stroke:#B76500;stroke-width:4}.ad-bar.picked {stroke:#B76500;stroke-width:6}
.ad-path {stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ad-marker {fill:var(--blue);stroke:white;stroke-width:2;pointer-events:none}.ad-hover {stroke:var(--navy);stroke-width:3;stroke-dasharray:6 4;pointer-events:none}
.ad-endpoints {display:grid;gap:0}.ad-end {margin:0 3px;min-height:44px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;padding:6px;font-size:13px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-end bdi {display:block;overflow:hidden;text-overflow:ellipsis}.ad-end.selected {border:2px solid var(--blue);background:#edf4fb;font-weight:650}
.ad-results {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.ad-result {display:flex;justify-content:space-between;gap:16px;text-align:start;min-height:44px;padding:10px 14px;border:1px solid var(--border);border-radius:4px;background:white;color:var(--text);font:inherit;font-size:14px;cursor:pointer;overflow-wrap:anywhere}.ad-result>* {min-width:0;flex:1}.ad-result.selected {border:2px solid var(--blue);background:#edf4fb;font-weight:550}
.ad-import-preview {width:620px;max-width:calc(100% - 24px);max-height:calc(100% - 32px);overflow:auto;border:1px solid var(--border-strong);border-radius:5px;color:var(--navy);background:white;padding:24px}.ad-import-preview pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.ad-import-preview::backdrop {background:rgba(16,35,63,.25)}
.ad-print {display:none}
.ad-radio-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ad-radio-options label {position:relative;align-items:flex-start;padding:10px;overflow-wrap:anywhere}
.ad-radio-options label:has(:checked) {border-width:2px;padding:9px}
.ad-purpose-help {display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:4px}
.ad-counts {font-size:14px;padding:10px 12px;border-left:3px solid var(--border-strong);background:var(--surface-2)}
.ad-inputs .ad-grid {grid-template-rows:auto auto auto auto;row-gap:6px}
.ad-purpose-fields,.ad-inputs .ad-group-fields,.ad-entry-field>div {display:contents}
.ad-entry-field {grid-row:1 / span 4;grid-template-rows:subgrid;align-items:start}
.ad-inputs .ad-preset-options:not(.ad-group-fields) {grid-row:1 / span 4;grid-template-rows:subgrid;row-gap:6px}
.ad-selection-fields {display:grid;grid-row:1 / span 4;grid-template-rows:subgrid;align-items:start;row-gap:6px}
.ad-selection-fields>label {display:contents}
.ad-selection-controls {display:grid;gap:6px;align-content:start}
.ad-inputs textarea {height:144px}
.ad-selection-labels summary {min-height:44px;padding:12px 0;cursor:pointer}
.ad-selection-labels label {margin:8px 0}
.ad-back-actions {margin-top:0}
.ad-bar-hit {fill:transparent;pointer-events:all;cursor:context-menu}
.ad-bar-hit:focus-visible {fill:#B76500;fill-opacity:.25;stroke:var(--navy);stroke-width:2;outline:none}
.ad-ladder {user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.ad-hover {pointer-events:none}
.ad-ladder:focus-visible {outline:2px solid var(--navy);outline-offset:-2px}
.ad-bar-menu {position:fixed;z-index:1000;max-width:calc(100vw - 16px);padding:4px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);box-shadow:0 3px 12px #10233f26}
.ad-bar-menu .ad-button {border:0;text-align:start;min-width:110px}
.ad-back-actions {scroll-margin-top:80px}
.ad-board-inner {margin-inline:auto}

.ad-tool :is(h2,textarea,.ad-inputs) {scroll-margin-top:80px}
@media(max-width:840px) {.ad-radio-options {grid-template-columns:repeat(2,minmax(0,1fr))}.ad-inputs .ad-grid {display:block}.ad-entry-field {display:grid;grid-template-rows:none;gap:6px;margin:14px 0}.ad-inputs .ad-preset-options:not(.ad-group-fields) {margin:14px 0}.ad-inputs textarea {height:128px}}
@media(max-width:840px) {.ad-tool {padding:0 16px;margin-top:18px}.ad-grid,.ad-preset-options,.ad-results {grid-template-columns:1fr}.ad-actions {gap:8px}.ad-actions label {max-width:100%}.ad-result {gap:10px}.ad-board-scroll {max-height:620px}}
@media(max-width:840px) {.ad-site .site-footer .container {padding:18px 12px}}
@media(max-width:600px) {.ad-radio-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ad-radio-options label {padding:8px}.ad-start-actions {display:grid;grid-template-columns:1fr}.ad-start-actions button {width:100%}.ad-inputs textarea {min-height:112px;height:128px}.ad-result {flex-wrap:wrap}.ad-tool .ad-path-label {flex-basis:100%;text-align:end}}
@media(prefers-reduced-motion:reduce) {.ad-tool * {scroll-behavior:auto!important}}
@media print {@page {margin:15mm}body>*:not(.ad-print) {display:none!important}.ad-print {display:block!important;color:#000;background:#fff;font:12pt system-ui,sans-serif}.ad-print h1 {font-size:20pt}.ad-print h2 {font-size:16pt;overflow-wrap:anywhere}.ad-print p {font-size:10pt;overflow-wrap:anywhere}.ad-print table {width:100%;border-collapse:collapse;table-layout:fixed}.ad-print th,.ad-print td {padding:6pt;border-bottom:1px solid #999;text-align:start;overflow-wrap:anywhere}.ad-print th:first-child,.ad-print td:first-child {width:10%}.ad-print thead {display:table-header-group}.ad-print tr {break-inside:avoid;page-break-inside:avoid}}

/* Persistent legal information, before every interactive screen. */
.ad-legal {margin:24px 0 0;padding-top:16px;border-top:1px solid #D8E2EC;font-size:14px;line-height:1.5;color:#5E6B7A}
.ad-legal-links {display:flex;flex-wrap:wrap;gap:0 16px;align-items:center}
.ad-legal-links a {display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 4px;min-height:44px;padding:6px 0;color:#006FC7;text-decoration:underline;overflow-wrap:anywhere}
.ad-legal-links a:focus-visible,.ad-privacy-note summary:focus-visible {outline:3px solid #10233F;outline-offset:4px}
.ad-privacy-note summary {min-height:44px;padding:10px 0;cursor:pointer;overflow-wrap:anywhere}
.ad-privacy-note p {margin:4px 0 12px;overflow-wrap:anywhere}