/* V5 shared shell and components. Feature files own only their business layouts.
   The explicit layer order in theme.css makes this contract independent of selectors. */
.hn-shell {margin:0;background:var(--color-page);color:var(--ink);font:var(--text-size)/var(--text-line) var(--font-sans);font-synthesis:none}
.hn-shell *, .hn-shell *::before, .hn-shell *::after {box-sizing:border-box}
.hn-shell :where(a) {color:inherit;text-decoration:none}
.hn-shell .hn-surface-inverse {background:var(--color-ink);color:var(--color-inverse)}
.hn-shell img {max-width:100%}
.hn-shell :is(button,input,textarea,select),.hn-admin #content :is(button,input,textarea,select),.hn-admin #changelist #toolbar :is(button,input,textarea,select) {font-family:var(--font-sans)}
.hn-shell :is(a,button,input,select,textarea),.hn-admin #content :is(a,button,input,select,textarea),.hn-admin #changelist #toolbar :is(a,button,input,select,textarea) {-webkit-tap-highlight-color:transparent}
.hn-shell :is(input,textarea)::placeholder,.hn-admin #content :is(input,textarea)::placeholder,.hn-admin #changelist #toolbar :is(input,textarea)::placeholder {color:var(--color-muted);opacity:1}
.hn-shell :is(a,button,input,select,textarea,summary):focus-visible,.hn-admin #content :is(a,button,input,select,textarea,summary):focus-visible,.hn-admin #changelist #toolbar :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid var(--color-focus);outline-offset:2px}
.hn-shell [hidden] {display:none!important}
.hn-shell :is(h1,h2,h3,p,dd,summary) {overflow-wrap:anywhere}
.hn-shell :is(.hn-main,.hn-public-main) {font-size:var(--text-size);line-height:var(--text-line)}
.hn-shell :is(.hn-main,.hn-public-main) h1 {font:600 var(--heading-size)/var(--heading-line) var(--font-sans);letter-spacing:-.035em;margin:8px 0 12px}
.hn-shell :is(.hn-main,.hn-public-main) h2 {font:600 18px/26px var(--font-sans);letter-spacing:-.025em}
.hn-shell :is(.hn-main,.hn-public-main) h3 {font:600 16px/24px var(--font-sans)}
.hn-shell :is(.page-heading,.page-head,.studio-heading,.tools-heading) {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-4);padding:0 0 var(--space-4);border-bottom:1px solid var(--line)}
.hn-shell :is(.studio-heading,.tools-heading) {display:block}
.hn-shell :is(.page-heading,.page-head,.studio-heading,.tools-heading) p:not(.eyebrow):not(.hero-kicker) {font-size:15px;line-height:1.7;color:var(--muted);margin:8px 0 0;max-width:760px}
.hn-shell :is(.eyebrow,.hero-kicker) {font:500 var(--help-size)/20px var(--font-sans);letter-spacing:.14em;color:var(--muted);margin:0 0 8px;text-transform:uppercase}
/* Low-specificity primitives; variants below own their states. */
.hn-shell :where(.hn-account-pages,.hn-auth-box,.hn-auth-dialog,.hn-security-section),.hn-admin #content :is(.hn-account-pages,.hn-auth-box,.hn-auth-dialog,.hn-security-section),.hn-admin #changelist #toolbar :is(.hn-account-pages,.hn-auth-box,.hn-auth-dialog,.hn-security-section) {--control-height:var(--form-height);--control-padding:calc((var(--form-height) - 26px) / 2) 12px}
.hn-shell :where(button,input[type=submit],input[type=button],.button,.btn),.hn-admin #content :is(button,input[type=submit],input[type=button],.button,.btn),.hn-admin #changelist #toolbar :is(button,input[type=submit],input[type=button],.button,.btn) {display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);height:auto;max-width:100%;margin:0;padding:calc((var(--control-height) - 24px) / 2) var(--space-3);border:1px solid var(--color-action);border-radius:var(--radius-control);background:var(--color-action);color:var(--color-inverse);font:500 var(--text-size)/var(--text-line) var(--font-sans);text-decoration:none;white-space:normal;cursor:pointer;box-shadow:none}
.hn-shell :where(button,input[type=submit],input[type=button],.button,.btn):hover,.hn-admin #content :is(button,input[type=submit],input[type=button],.button,.btn):hover,.hn-admin #changelist #toolbar :is(button,input[type=submit],input[type=button],.button,.btn):hover {background:var(--color-action-hover);color:var(--color-inverse)}
.hn-shell :where(button,input[type=submit],input[type=button],.button,.btn):active,.hn-admin #content :is(button,input[type=submit],input[type=button],.button,.btn):active,.hn-admin #changelist #toolbar :is(button,input[type=submit],input[type=button],.button,.btn):active {background:var(--color-secondary)}
.hn-shell :where(.button,.btn,button):is(.secondary,.outline),.hn-shell .btn:not(.primary),.hn-admin #content :is(.button,.btn,button):is(.secondary,.outline),.hn-admin #content .btn:not(.primary),.hn-admin #changelist #toolbar :is(.button,.btn,button):is(.secondary,.outline),.hn-admin #changelist #toolbar .btn:not(.primary) {background:var(--color-surface);color:var(--ink);border-color:var(--color-control-border)}
.hn-shell :where(.button,.btn,button):is(.secondary,.outline):hover,.hn-shell .btn:not(.primary):hover,.hn-admin #content :is(.button,.btn,button):is(.secondary,.outline):hover,.hn-admin #content .btn:not(.primary):hover,.hn-admin #changelist #toolbar :is(.button,.btn,button):is(.secondary,.outline):hover,.hn-admin #changelist #toolbar .btn:not(.primary):hover {background:var(--soft)}
.hn-shell :where(.button,.btn,button):is(.secondary,.outline):active,.hn-admin #content :is(.button,.btn,button):is(.secondary,.outline):active,.hn-admin #changelist #toolbar :is(.button,.btn,button):is(.secondary,.outline):active {background:var(--color-disabled)}
.hn-shell :where(.button,.btn,button).danger,.hn-admin #content :is(.button,.btn,button).danger,.hn-admin #changelist #toolbar :is(.button,.btn,button).danger {background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}
.hn-shell :where(.button,.btn,button).danger:hover,.hn-shell :where(.button,.btn,button).danger:active,.hn-admin #content :is(.button,.btn,button).danger:hover,.hn-admin #content :is(.button,.btn,button).danger:active,.hn-admin #changelist #toolbar :is(.button,.btn,button).danger:hover,.hn-admin #changelist #toolbar :is(.button,.btn,button).danger:active {background:var(--color-danger-bg)}
.hn-shell :where(.text-button,.hn-readmore-toggle,.button.tertiary,.resource-title),.hn-admin #content :is(.text-button,.hn-readmore-toggle,.button.tertiary,.resource-title),.hn-admin #changelist #toolbar :is(.text-button,.hn-readmore-toggle,.button.tertiary,.resource-title) {min-height:var(--inline-height);padding:4px 0;border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.hn-shell :where(.text-button,.hn-readmore-toggle,.button.tertiary,.resource-title):hover,.hn-admin #content :is(.text-button,.hn-readmore-toggle,.button.tertiary,.resource-title):hover,.hn-admin #changelist #toolbar :is(.text-button,.hn-readmore-toggle,.button.tertiary,.resource-title):hover {background:var(--soft);color:var(--ink)}
.hn-shell :where(.icon-button),.hn-admin #content :is(.icon-button),.hn-admin #changelist #toolbar :is(.icon-button) {width:var(--control-height);min-width:var(--control-height);padding:0}
.hn-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),select,textarea,.hn-picker-trigger),.hn-admin #content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),select,textarea,.hn-picker-trigger),.hn-admin #changelist #toolbar :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),select,textarea,.hn-picker-trigger) {min-height:var(--control-height);height:auto;min-width:0;max-width:100%;margin:0;padding:var(--control-padding);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--ink);font:400 var(--control-font-size)/var(--control-line) var(--font-sans);box-shadow:none}
.hn-shell :where(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),select,textarea,.hn-picker-trigger):is(:hover,:active):not(:disabled):not([readonly]),.hn-admin #content :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),select,textarea,.hn-picker-trigger):is(:hover,:active):not(:disabled):not([readonly]),.hn-admin #changelist #toolbar :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),select,textarea,.hn-picker-trigger):is(:hover,:active):not(:disabled):not([readonly]) {border-color:var(--color-focus);background:var(--color-surface);color:var(--ink)}
.hn-shell textarea,.hn-admin #content textarea,.hn-admin #changelist #toolbar textarea {height:var(--textarea-height);min-height:var(--textarea-height);max-height:var(--textarea-max-height);resize:vertical;overflow:auto}
.hn-shell textarea[readonly],.hn-admin #content textarea[readonly],.hn-admin #changelist #toolbar textarea[readonly] {height:var(--control-height);min-height:var(--control-height);overflow-wrap:anywhere}
.hn-shell select[multiple],.hn-admin #content select[multiple],.hn-admin #changelist #toolbar select[multiple] {min-height:var(--multiselect-height)}
.hn-shell input[type=file] {height:auto;white-space:normal}
.hn-shell input::file-selector-button {font:inherit;color:var(--ink);background:var(--soft);border:1px solid var(--color-control-border);border-radius:var(--radius-control);padding:4px 8px;margin-right:8px}
.hn-shell :where(input[type=checkbox],input[type=radio]),.hn-admin #content :is(input[type=checkbox],input[type=radio]),.hn-admin #changelist #toolbar :is(input[type=checkbox],input[type=radio]) {width:var(--choice-size);height:var(--choice-size);min-height:0;padding:0;accent-color:var(--ink);flex:none;vertical-align:middle}
.hn-shell :where(label:has(>input[type=checkbox]),label:has(>input[type=radio])),.hn-admin #content :is(label:has(>input[type=checkbox]),label:has(>input[type=radio])),.hn-admin #changelist #toolbar :is(label:has(>input[type=checkbox]),label:has(>input[type=radio])) {display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);cursor:pointer}
.hn-shell :where(input,textarea)[readonly],.hn-admin #content :is(input,textarea)[readonly],.hn-admin #changelist #toolbar :is(input,textarea)[readonly] {background:var(--soft)}
.hn-shell :where(button,input,select,textarea):disabled,.hn-shell [aria-disabled=true],.hn-admin #content :is(button,input,select,textarea):disabled,.hn-admin #content [aria-disabled=true],.hn-admin #changelist #toolbar :is(button,input,select,textarea):disabled,.hn-admin #changelist #toolbar [aria-disabled=true] {background:var(--color-disabled);border-color:var(--color-border);color:var(--color-muted);opacity:1;cursor:not-allowed}
.hn-shell :where(input,select,textarea,.hn-picker-trigger)[aria-invalid=true],.hn-admin #content :is(input,select,textarea,.hn-picker-trigger)[aria-invalid=true],.hn-admin #changelist #toolbar :is(input,select,textarea,.hn-picker-trigger)[aria-invalid=true] {border-color:var(--color-danger)}
.hn-shell :where(button,input[type=submit])[aria-busy=true],.hn-shell form[aria-busy=true] :where(button[type=submit],input[type=submit]),.hn-admin #content :is(button,input[type=submit])[aria-busy=true],.hn-admin #content form[aria-busy=true] :is(button[type=submit],input[type=submit]),.hn-admin #changelist #toolbar :is(button,input[type=submit])[aria-busy=true],.hn-admin #changelist #toolbar form[aria-busy=true] :is(button[type=submit],input[type=submit]) {cursor:wait;box-shadow:inset 0 -3px var(--color-border-strong)}
.hn-shell label {font-size:var(--text-size);color:var(--ink);font-weight:500}
/* Lightweight navigation entries; business actions retain their button variants. */
.hn-shell .hn-entry-link {display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-2);min-height:var(--control-height);max-width:100%;padding:var(--space-1) 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:500 var(--text-size)/var(--control-line) var(--font-sans);text-decoration:none;cursor:pointer}
.hn-shell .hn-entry-link:is(:hover,:focus-visible) {background:transparent;color:var(--color-link-hover);text-decoration:none}
.hn-shell .hn-entry-link:active {background:transparent;color:var(--color-link-hover)}
/* Shared field stacks and complete radio/checkbox targets, including composite options. */
.hn-shell .hn-form-stack {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.hn-shell .hn-form-stack>:is(input,select,textarea,.hn-picker) {width:100%}
.hn-shell .hn-field {display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);min-width:0;font-size:var(--help-size);font-weight:400;color:var(--color-secondary)}
.hn-shell .hn-field>input {width:100%;min-width:0}
.hn-shell .hn-option-card {display:flex;align-items:stretch;min-width:0;position:relative;cursor:pointer}
.hn-shell .hn-option-card>input {position:absolute;width:1px;height:1px;opacity:0}
.hn-shell .hn-option-card>span {display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--ink)}
.hn-shell .hn-option-card strong {font-size:var(--text-size);line-height:var(--text-line);font-weight:500}
.hn-shell .hn-option-card small {display:block;font-size:var(--help-size);line-height:var(--text-line);font-weight:400;color:var(--color-muted)}
.hn-shell .hn-option-card:hover>span {background:var(--soft)}
.hn-shell .hn-option-card>input:checked+span {border-color:var(--ink);background:var(--color-selected);box-shadow:inset 0 -2px var(--color-fire)}
.hn-shell .hn-option-card>input:focus-visible+span {outline:2px solid var(--color-focus);outline-offset:2px}
.hn-shell .hn-check-hit {display:inline-flex;align-items:center;justify-content:center;min-width:var(--close-size);min-height:var(--close-size)}
.hn-shell .hn-check-hit input {margin:0}
.hn-shell .hn-disclosure>summary {min-height:var(--control-height);padding:calc((var(--control-height) - var(--text-line)) / 2) 0;line-height:var(--text-line);cursor:pointer}

.hn-shell :where(.helptext,.field-help,.row-subtitle,.subtle,.footer-note),.hn-admin #content :is(.helptext,.field-help,.row-subtitle,.subtle,.footer-note),.hn-admin #changelist #toolbar :is(.helptext,.field-help,.row-subtitle,.subtle,.footer-note) {font-size:var(--help-size);line-height:20px;color:var(--muted)}
.hn-shell :is(.panel,.paper,.copy-card,.records-list,.resource-search-panel,.purchase-card,.provider-card,.tool-card,.guide,.saved-search-entry,.results-surface) {min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:none}
.hn-shell :is(.panel,.copy-card,.records-list,.resource-search-panel,.purchase-card,.provider-card,.tool-card,.guide) {padding:var(--panel-padding)}
.hn-shell .paper-head {padding:var(--panel-padding);gap:16px;flex-wrap:wrap}
.hn-shell .paper-body {padding:0 var(--panel-padding) var(--panel-padding)}
.hn-shell :is(.panel,.paper,.copy-card,.records-list)>h2 {margin:0 0 16px}
.hn-shell :is(.results-empty,.empty-state,.search-placeholder) {border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);padding:32px 24px;color:var(--muted);box-shadow:none}
.hn-shell :is(.results-empty,.empty-state,.search-placeholder) h2 {font-size:21px;color:var(--ink)}
/* Messages stay in the document. Only explicit transient copy feedback may expire. */
.hn-shell :where(.notice,.inline-info,.hn-auth-error,.form-error,.errornote,.hn-admin-form-status,.messagelist li),.hn-admin #content :is(.notice,.inline-info,.hn-auth-error,.form-error,.errornote,.hn-admin-form-status,.messagelist li),.hn-admin #changelist #toolbar :is(.notice,.inline-info,.hn-auth-error,.form-error,.errornote,.hn-admin-form-status,.messagelist li) {position:relative;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--soft);color:var(--color-secondary);font:400 var(--text-size)/var(--text-line) var(--font-sans);overflow-wrap:anywhere}
.hn-shell :where(.notice.error,.notice[data-error],.hn-auth-error,.form-error,.errornote,.messagelist .error),.hn-admin #content :is(.notice.error,.notice[data-error],.hn-auth-error,.form-error,.errornote,.messagelist .error),.hn-admin #changelist #toolbar :is(.notice.error,.notice[data-error],.hn-auth-error,.form-error,.errornote,.messagelist .error) {color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}
.hn-shell :where(.notice.success,.messagelist .success),.hn-admin #content :is(.notice.success,.messagelist .success),.hn-admin #changelist #toolbar :is(.notice.success,.messagelist .success) {color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}
.hn-shell :where(.notice.warning,.messagelist .warning),.hn-admin #content :is(.notice.warning,.messagelist .warning),.hn-admin #changelist #toolbar :is(.notice.warning,.messagelist .warning) {color:var(--color-warning);background:var(--color-warning-bg)}
.hn-shell :where(.errorlist),.hn-admin #content :is(.errorlist),.hn-admin #changelist #toolbar :is(.errorlist) {color:var(--color-danger);font-size:var(--text-size);line-height:var(--text-line);margin:4px 0 8px;padding-left:20px;overflow-wrap:anywhere}
.hn-shell :where(.hn-auth-error) ul,.hn-admin #content :is(.hn-auth-error) ul,.hn-admin #changelist #toolbar :is(.hn-auth-error) ul {margin:0;padding:0;list-style:none}
.hn-shell :where(.badge,.pill,.hn-status),.hn-admin #content :is(.badge,.pill,.hn-status),.hn-admin #changelist #toolbar :is(.badge,.pill,.hn-status) {display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--line);border-radius:var(--radius-tag);background:var(--soft);color:var(--ink);font:500 var(--help-size)/20px var(--font-sans);white-space:normal}
.hn-shell :where(.badge,.pill,.hn-status).success,.hn-admin #content :is(.badge,.pill,.hn-status).success,.hn-admin #changelist #toolbar :is(.badge,.pill,.hn-status).success {color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}
.hn-shell :where(.badge,.pill,.hn-status).error,.hn-admin #content :is(.badge,.pill,.hn-status).error,.hn-admin #changelist #toolbar :is(.badge,.pill,.hn-status).error {color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}
.hn-shell :where(.badge,.pill,.hn-status).warning,.hn-admin #content :is(.badge,.pill,.hn-status).warning,.hn-admin #changelist #toolbar :is(.badge,.pill,.hn-status).warning {color:var(--color-warning);background:var(--color-warning-bg)}
.hn-shell .hn-feedback {max-width:52ch}
.hn-shell .hn-feedback:has([data-message-close]) {padding-right:56px}
.hn-shell [data-message-close] {position:absolute;right:0;top:0;width:var(--close-size);min-height:var(--close-size);padding:0;border:0;background:transparent;color:var(--ink)}
/* Native dialogs share geometry and focus behavior; business handlers own contents. */
.hn-shell dialog {position:fixed;inset:0;margin:auto;width:var(--dialog-width);max-width:calc(100vw - 2 * var(--dialog-gutter));height:fit-content;min-height:0;max-height:calc(100dvh - 2 * var(--dialog-gutter));padding:var(--dialog-padding);border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-dialog);overflow:auto;overscroll-behavior:contain;z-index:var(--layer-dialog);font:400 var(--text-size)/var(--text-line) var(--font-sans)}
.hn-shell dialog::backdrop {background:var(--color-backdrop)}
.hn-shell dialog>header {position:sticky;top:calc(-1 * var(--dialog-padding));z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;background:var(--paper);font-weight:600;min-height:var(--close-size)}
.hn-shell dialog :where(h2),.hn-admin #content dialog :is(h2),.hn-admin #changelist #toolbar dialog :is(h2) {font:600 24px/32px var(--font-sans);margin:0 0 12px}
.hn-shell dialog :where(p,li),.hn-admin #content dialog :is(p,li),.hn-admin #changelist #toolbar dialog :is(p,li) {overflow-wrap:anywhere}
.hn-shell :where([data-dialog-close],[data-auth-close],[data-close],[data-close-quote]),.hn-admin #content :is([data-dialog-close],[data-auth-close],[data-close],[data-close-quote]),.hn-admin #changelist #toolbar :is([data-dialog-close],[data-auth-close],[data-close],[data-close-quote]) {flex:none;display:inline-grid;place-items:center;width:var(--close-size);min-width:var(--close-size);height:var(--close-size);min-height:var(--close-size);padding:0;border:0;background:transparent;color:var(--color-secondary);font:400 26px/1 var(--font-sans)}
.hn-shell :where([data-dialog-close],[data-auth-close],[data-close],[data-close-quote]):hover,.hn-admin #content :is([data-dialog-close],[data-auth-close],[data-close],[data-close-quote]):hover,.hn-admin #changelist #toolbar :is([data-dialog-close],[data-auth-close],[data-close],[data-close-quote]):hover {background:var(--soft);color:var(--ink)}
body:has(dialog:modal) {overflow:hidden}
.hn-shell :is(.table-scroll,.table-wrap) {max-width:100%;overflow:auto;border-radius:var(--radius);overscroll-behavior-inline:contain}
.hn-shell table {font-size:14px;border-collapse:collapse}
.hn-shell :is(th,td) {padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.hn-shell th {background:var(--soft);font-weight:500;color:var(--muted);font-size:12px}
.hn-shell :is(.tg-nav,.creative-nav,.records-nav,.account-tabs,.operations-tabs,.tools-nav) {display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);align-items:center;margin:0 0 var(--space-4);padding:0 0 var(--space-3);border-bottom:1px solid var(--line)}
.hn-shell :is(.tg-nav,.creative-nav,.records-nav,.account-tabs,.operations-tabs,.tools-nav) a {display:inline-flex;align-items:center;min-height:var(--control-height);padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-control);font-size:14px;line-height:1.5;color:var(--muted);background:transparent}
.hn-shell :is(.tg-nav,.creative-nav,.records-nav,.account-tabs,.operations-tabs,.tools-nav) :is([aria-current],.selected,.active) {background:var(--soft);color:var(--ink);font-weight:600}
.hn-shell .ui-icon {width:20px;height:20px;flex:none}
/* Compact destination cards: one accessible link, shared interaction states. */
.hn-shell .hn-entry-card {display:flex;align-items:center;gap:16px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);scroll-margin-top:100px;transition:background .18s,border-color .18s}
.hn-shell .hn-entry-card:hover {background:var(--soft);border-color:var(--color-border-strong)}
.hn-shell .hn-entry-card:active {background:var(--color-disabled)}
.hn-entry-icon {display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-control);background:var(--soft);color:var(--ink);font-size:12px;font-weight:600;letter-spacing:-.02em}
.hn-entry-copy {flex:1;min-width:0}
.hn-shell .hn-entry-copy .hn-entry-title {margin:0;font-size:17px;line-height:1.5;letter-spacing:-.02em}
.hn-shell .hn-entry-copy p {margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.6;text-wrap:pretty}
.hn-entry-arrow {flex:none;font-size:18px;color:var(--muted);transition:color .18s}
.hn-entry-card:hover .hn-entry-arrow {color:var(--fire)}
@media(max-width:600px){.hn-shell .hn-entry-card {padding:16px;gap:12px;scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){.hn-shell .hn-entry-card,.hn-entry-arrow {transition:none}}
/* Content-bearing components share readable measures and field rhythm. */
.hn-shell :is(.brief-form,.query-form) {display:grid;gap:var(--space-3);min-width:0}
.hn-shell :is(.brief-form,.query-form)>p {margin:0;min-width:0}
.hn-shell :is(.brief-form,.query-form) label {display:block;margin:0 0 8px;font-size:14px;line-height:1.5}
.hn-shell :is(.brief-form,.query-form) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea) {width:100%;min-width:0}
.hn-shell :is(.brief-form,[data-plan-form]) textarea {line-height:1.65}
.hn-shell :is(.brief-fields,.records-form-layout,.creative-brief-grid)>* {min-width:0}
.hn-shell :is(.records-form-layout,.creative-brief-grid) {max-width:1080px;margin-inline:auto;align-items:start}
.hn-shell :is(.records-form-layout,.creative-brief-grid)>.panel {container-type:inline-size}
.hn-shell .brief-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.hn-shell .brief-field-wide {grid-column:1/-1}
.hn-shell :is(.brief-actions,.record-actions,.tool-actions) {display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.hn-shell :is(.brief-actions,.record-actions,.tool-actions)>button {margin:0}
.hn-shell :is(.copy-list-row,.resume-card) {min-width:0;gap:20px;align-items:start}
.hn-shell :is(.copy-list-row,.resume-card)>div {flex:1;min-width:0}
.hn-shell :is(.copy-list-row,.resume-card) :is(strong,h2,h3) {font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.hn-shell :is(.copy-list-row,.resume-card)>span {flex:none;max-width:180px;font-size:13px;line-height:1.6}
.hn-shell .studio-section-heading {display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:24px 0 16px}
.hn-shell .studio-section-heading h2 {flex:1 0 180px;margin:0;font-size:18px;line-height:1.5}
.hn-shell .studio-section-heading>a {font-size:13px;line-height:1.5}
.hn-shell :is(.hn-creative,.hn-records) {max-width:1040px;margin-inline:auto}
.hn-shell .hn-records {max-width:960px}
.hn-shell :is(.hn-creative,.hn-records,.hn-tg,.hn-tools) :is(.page-heading,.studio-heading,.tools-heading) {padding-bottom:var(--space-4);margin-bottom:var(--space-4);gap:var(--space-3)}
.hn-shell :is(.hn-creative,.hn-records,.hn-tg,.hn-tools) :is(.page-heading,.studio-heading,.tools-heading) h1 {font-size:var(--heading-size);line-height:var(--heading-line);margin:0 0 var(--space-2)}
.hn-shell :is(.hn-creative,.hn-records) .page-heading .eyebrow {display:none}
.hn-shell :is(.creative-nav,.records-nav,.tools-nav,.tg-nav) {margin-bottom:var(--space-4);padding-bottom:var(--space-3)}
.hn-shell .creative-nav {flex-wrap:wrap;gap:var(--space-2)}
.hn-shell .creative-nav>a {flex:none;white-space:nowrap}
.hn-nav-more {position:relative;margin-left:auto;font-size:14px}
.hn-nav-more>summary {display:flex;align-items:center;gap:8px;min-height:var(--control-height);padding:var(--space-1) var(--space-3);cursor:pointer;list-style:none;border-radius:var(--radius-control)}
.hn-nav-more>summary::-webkit-details-marker {display:none}
.hn-nav-more>summary::after {content:'⌄'}
.hn-nav-more[open]>summary {background:var(--soft)}
.hn-nav-more:has([aria-current])>summary {background:var(--soft);font-weight:600}
.hn-nav-more>div {position:absolute;right:0;top:calc(100% + 4px);z-index:var(--layer-menu);width:180px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.hn-shell .hn-nav-more a {display:flex;min-height:var(--touch-target-size);font-size:14px}
.hn-shell .hn-creative .collection-tabs {margin:0 0 20px;padding-bottom:12px;gap:4px}
.hn-shell .hn-creative .collection-tabs a {min-height:var(--control-height);display:inline-flex;align-items:center;font-size:var(--text-size);padding:var(--space-1) var(--space-3)}
.hn-shell .records-list {padding:0;border:0;background:transparent}
.hn-shell .copy-list-row {display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line);text-decoration:none}
.hn-shell .copy-list-row :is(h2,h3,strong) {display:block;overflow:visible;margin:0}
.hn-shell .copy-list-row p {font-size:13px;line-height:1.6;margin:6px 0 0;color:var(--muted)}
.hn-shell .copy-list-row>span {display:grid;gap:4px;text-align:right;font-size:13px}
.hn-shell .copy-list-row time {font-size:12px;color:var(--muted)}
.hn-shell .copy-list-row b {font-weight:500;color:var(--ink);white-space:nowrap}
.hn-content-details {margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.hn-content-details>summary {cursor:pointer;min-height:var(--control-height);padding:var(--space-2) 0;color:var(--ink)}
.hn-shell .hn-status-line {margin:0 0 16px;padding:0;border:0;background:transparent;font-size:13px;line-height:1.7;color:var(--muted)}
.hn-readmore-content {display:block;overflow-wrap:anywhere;--preview-height:7em}
.hn-readmore-content[data-collapsed=true] {max-height:var(--preview-height);overflow:hidden}
.hn-shell button.hn-readmore-toggle {display:block;margin:6px 0 0}
.hn-readmore-toggle[hidden] {display:none}
.hn-shell .query-form .tool-actions {margin-top:0}
.hn-shell :is(.brief-summary dd,.record-guide p,.creative-guide p,.query-result dd) {overflow-wrap:anywhere;line-height:1.75}
@container(max-width:620px){.hn-shell .brief-fields {grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){
 .hn-shell :is(.copy-list-row,.resume-card){flex-direction:column;gap:12px}
 .hn-shell :is(.copy-list-row,.resume-card)>span{max-width:none}
 .hn-shell .studio-section-heading>a{display:inline-flex;align-items:center;min-height:36px}
 .hn-shell :is(.hn-creative,.hn-records,.hn-tg,.hn-tools) :is(.page-heading,.studio-heading,.tools-heading) h1{font-size:24px}
 .hn-shell .copy-list-row{gap:10px;padding:16px 0;align-items:stretch}
 .hn-shell .copy-list-row>span{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%}
 .hn-shell .page-heading.hn-page-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}
 .hn-shell .hn-page-tools>div{display:contents}
 .hn-shell .page-heading.hn-page-tools h1{grid-row:1;grid-column:1;margin:0}
 .hn-shell .page-heading.hn-page-tools p:not(.eyebrow){grid-column:1/-1;grid-row:2;margin:0}
 .hn-shell .hn-page-tools>.button{grid-column:2;grid-row:1;font-size:13px;min-height:var(--touch-target-size)}
}
.hn-skip {position:fixed;top:-100px;left:16px;z-index:1000;background:#fff;color:var(--ink);padding:12px}
.hn-skip:focus {top:8px}
.hn-sidebar {position:fixed;inset:0 auto 0 0;width:var(--shell-sidebar);padding:var(--space-3);border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;overflow:auto;z-index:60}
.hn-shell .hn-sidebar .brand {display:flex;align-items:center;gap:10px;margin:0 12px;color:var(--ink);font-size:24px;font-weight:650;letter-spacing:.02em}
.hn-sidebar .brand img {width:32px;height:32px;background:none;padding:0;border-radius:0}
.hn-sidebar .brand small {display:none}
.hn-nav-caption {font-size:var(--help-size);color:var(--muted);margin:var(--space-2) var(--space-3) var(--space-4)}
.hn-navigation {display:grid;gap:4px}
.hn-shell .hn-sidebar .hn-navigation a {display:flex;align-items:center;gap:var(--space-2);margin:0;padding:calc((var(--control-height) - var(--text-line)) / 2) var(--space-3);min-height:var(--control-height);border-radius:var(--radius-control);color:var(--muted);font-size:var(--text-size);font-weight:500;line-height:var(--text-line)}
.hn-shell .hn-sidebar .hn-navigation a:hover,.hn-shell .hn-sidebar .hn-navigation a[aria-current=page] {background:var(--soft);color:var(--ink)}
.hn-sidebar .hn-navigation a[aria-current=page] {box-shadow:inset 2px 0 var(--fire)}
.hn-shell .hn-sidebar .hn-navigation a>span {display:block;flex:1;min-width:0;width:auto;font:inherit;line-height:inherit;white-space:normal}
.hn-nav-label {font-size:var(--help-size);color:var(--muted);padding:var(--space-4) var(--space-3) var(--space-2)}
.hn-sidebar-bottom {margin-top:auto;border-top:1px solid var(--line);padding:var(--space-3) var(--space-3) 0;font-size:var(--help-size);color:var(--muted)}
.hn-sidebar-bottom a {display:block;padding:8px 0}
.hn-sidebar-bottom form {margin:4px 0 0}
.hn-shell .hn-sidebar .hn-sidebar-bottom button[type=submit] {background:transparent;color:var(--muted);border:0;padding:8px 0;min-height:var(--touch-target-size);cursor:pointer;font:inherit}
.hn-profile summary {padding:8px 0;cursor:pointer}
.hn-profile p {overflow-wrap:anywhere;font-size:12px;margin:6px 0}
.hn-frame {margin-left:var(--shell-sidebar);min-width:0;min-height:100vh}
.hn-topbar {min-height:var(--shell-header);height:auto;padding:var(--space-1) var(--shell-gutter);border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}
.hn-heading {display:flex;align-items:center;gap:12px;min-width:0}
.hn-crumb {color:var(--ink);overflow-wrap:anywhere}
.hn-topbar .hn-account {display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2) var(--space-3);min-width:0;max-width:100%}
.hn-shell button.hn-toggle {display:none}
.hn-main,.hn-plans .hn-main.content {padding:var(--shell-top) var(--shell-gutter) var(--space-6);max-width:var(--shell-content);margin:0 auto;min-width:0;min-height:calc(100vh - 300px)}
.hn-public-frame {min-width:0}
.hn-public-header {border-bottom:1px solid var(--line);background:#fff}
.hn-public-nav {min-height:var(--shell-header);padding:var(--space-1) var(--shell-gutter);max-width:var(--shell-public);margin:auto;display:flex;align-items:center;gap:24px;justify-content:space-between}
.hn-public-nav .brand,.hn-footer .brand {display:flex;align-items:center;gap:10px;color:var(--ink);font-size:24px;font-weight:650;letter-spacing:.02em;margin:0}
.hn-public-nav .brand img {width:32px;height:32px}
.hn-public-nav .brand small {display:none}
.hn-public-nav nav,.hn-public-actions {display:flex;align-items:center;gap:24px}
.hn-public-nav nav a {display:block;margin:0;padding:8px 0;font-size:15px;color:var(--ink)}
.hn-public-actions {gap:10px;font-size:14px}
.hn-public-actions>a {display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:var(--control-height);border:1px solid var(--color-control-border);border-radius:var(--radius);padding:calc((var(--control-height) - 24px) / 2) var(--space-3);font-size:14px;font-weight:500;white-space:nowrap}
.hn-public-actions a.button {background:var(--ink);border-color:var(--ink);color:#fff}
.hn-shell a.hn-recharge-link {display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);font-size:14px;line-height:1.4;white-space:nowrap;flex-shrink:0}
.hn-shell a.hn-recharge-link:hover {background:var(--soft)}
.hn-shell #recharge {scroll-margin-top:calc(var(--shell-header) + 20px)}
.hn-public-main {max-width:var(--shell-public);padding:var(--shell-top) var(--shell-gutter);margin:auto;min-height:calc(100vh - 370px)}
.hn-footer {display:block;max-width:var(--shell-public);margin:0 auto;padding:32px var(--shell-gutter) 20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.hn-footer-grid {display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}
.hn-footer .hn-footer-grid h2 {font:600 13px/1.5 var(--font-sans);color:var(--ink);margin:0 0 16px;letter-spacing:0}
.hn-footer-grid>div>a:not(.brand) {display:block;padding:5px 0;line-height:1.7}
.hn-footer-brand p {font-size:13px;margin:14px 0}
.hn-footer-bottom {display:flex;justify-content:space-between;gap:16px;padding-top:20px;margin-top:24px;border-top:1px solid var(--line);font-size:12px}
.hn-footer a:hover {color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.hn-shell .workspace-launcher {background:var(--soft);border-radius:var(--radius);box-shadow:none;padding:24px}
.hn-shell .workspace-launcher:hover {border-color:var(--ink);box-shadow:none}
.hn-shell .workspace-launcher .pill {background:#fff;color:var(--muted);border:1px solid var(--line)}
.hn-admin #content h1 {font-size:var(--heading-size);font-weight:600;letter-spacing:-.035em}
.hn-admin :is(.module,.inline-group,.submit-row,.hn-admin-task,.hn-admin-report) {border-radius:var(--radius);box-shadow:none}
.hn-admin :is(.module h2,.module caption) {background:var(--soft);color:var(--ink);font-size:14px}
.hn-admin .hn-sidebar .brand:link,.hn-admin .hn-sidebar .brand:visited {color:var(--ink)}
.hn-admin .object-tools a {border-radius:var(--radius);min-height:var(--touch-target-size);display:inline-flex;align-items:center;background:var(--ink);color:#fff}
@media(max-width:1100px) {.hn-public-nav {gap:20px}.hn-public-nav nav {gap:16px}.hn-public-nav nav a {font-size:14px}.hn-footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px) {
 .hn-frame {margin-left:0}
 .hn-topbar {position:sticky;top:0;z-index:61;height:auto;padding:var(--space-1) var(--shell-gutter);font-size:var(--help-size);flex-wrap:wrap;gap:var(--space-1) var(--space-2)}
 .hn-shell button.hn-toggle {display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target-size);min-height:var(--touch-target-size);padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);cursor:pointer;font:inherit}
 .hn-sidebar {position:static;width:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line)}
 .hn-nav-ready .hn-sidebar {display:none;position:fixed;inset:0 auto 0 0;width:min(290px,calc(100% - 32px));z-index:63;box-shadow:var(--shadow-dialog);overscroll-behavior:contain}
 .hn-nav-open .hn-sidebar {display:flex}
 .hn-main,.hn-plans .hn-main.content {padding:var(--shell-top) var(--shell-gutter) var(--space-6)}
 .hn-topbar .hn-account {gap:var(--space-2);font-size:var(--help-size);margin-left:auto}
 .hn-topbar .hn-account-settings {display:none}
 .hn-public-nav {min-height:var(--shell-header);padding:var(--space-1) var(--shell-gutter);gap:var(--space-2);flex-wrap:wrap}
 .hn-public-nav nav {order:3;flex-basis:100%;justify-content:space-between;gap:8px}
 .hn-public-nav nav a {font-size:12px;min-height:40px;padding:10px 0}
 .hn-public-actions>a {min-width:64px;padding:8px 10px}
 .hn-public-main {padding:var(--shell-top) var(--shell-gutter)}

 .hn-shell :is(.page-heading,.page-head) {flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}
 .hn-shell :is(.tg-nav,.creative-nav,.records-nav,.account-tabs,.operations-tabs,.tools-nav) {gap:var(--space-1);margin-bottom:var(--space-4)}
 .hn-shell :is(.tg-nav,.creative-nav,.records-nav,.account-tabs,.operations-tabs,.tools-nav) a {font-size:var(--text-size);padding:var(--space-2) var(--space-3)}
 .hn-footer {padding:var(--space-6) var(--shell-gutter) var(--space-5)}
 .hn-footer-grid {gap:24px 16px}
}
@media(max-width:380px) {.hn-topbar .hn-account {gap:8px}.hn-shell a.hn-recharge-link {padding-inline:10px}.hn-public-nav {padding-inline:16px}.hn-public-nav .brand {font-size:23px}.hn-public-nav .brand img {width:32px;height:32px}}
@media(prefers-reduced-motion:reduce) {.hn-shell * {scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* The same header and button variants serve the homepage and every inner page. */
.hn-home-v5 .hn-public-actions .button {min-width:64px;min-height:var(--control-height)}
.hn-public-header .menu {display:none}
.hn-public-header #mobile-nav {display:none;padding:var(--space-2) var(--shell-gutter) var(--space-4);border-top:1px solid var(--line);background:var(--paper)}
.hn-public-header #mobile-nav a {display:flex;justify-content:space-between;padding:12px 0;font-size:14px;color:var(--ink);min-height:var(--touch-target-size)}
@media(max-width:800px) {
 .hn-public-nav .hn-desktop-nav {display:none}
 .hn-shell :is(.button,.btn) {padding-inline:12px;gap:8px}
 .hn-public-header .menu {display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;color:var(--ink);min-width:var(--touch-target-size);width:var(--touch-target-size);min-height:var(--touch-target-size);padding:12px;border:1px solid var(--line);border-radius:var(--radius)}
 .hn-public-header .menu span {display:block;width:18px;height:1px;background:currentColor}
 .hn-home-v5 .hn-public-actions .button {min-width:64px}
 .hn-shell .hn-public-actions {gap:8px}
}

/* One picker contract for public pages, workspace, dialogs and operations. */
.hn-shell .hn-picker-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}
.hn-shell .hn-picker{position:relative;display:inline-flex;vertical-align:middle;min-width:min(150px,100%);max-width:100%;width:auto;text-align:left}
.hn-shell :is(label,.field,.scope-field,.hn-auth-field,.form-row,.brief-form p)>.hn-picker{display:flex;width:100%}
.hn-shell .hn-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer}
.hn-picker-trigger>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.hn-picker-trigger::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);flex-shrink:0;opacity:.6}
.hn-shell .hn-picker-trigger[aria-expanded=true]{border-color:var(--color-border-strong)}


.hn-shell .hn-picker-panel{position:fixed;z-index:var(--layer-picker);inset:auto;margin:0;display:flex;flex-direction:column;box-sizing:border-box;max-height:var(--picker-max-height);padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden;color:var(--color-ink);font:400 14px/1.5 var(--font-sans)}
.hn-picker-panel::backdrop{background:transparent;pointer-events:none}
.hn-shell .hn-picker-panel input{flex:none;width:100%;margin:0 0 8px;background:var(--color-subtle)}
.hn-picker-options{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}.hn-picker-option{position:relative;display:block;padding:calc((var(--touch-target-size) - var(--control-line)) / 2) 34px calc((var(--touch-target-size) - var(--control-line)) / 2) var(--space-3);min-height:var(--touch-target-size);box-sizing:border-box;border-radius:var(--radius-control);font-size:14px;line-height:24px;cursor:pointer;overflow-wrap:anywhere}.hn-picker-option:hover,.hn-picker-option.is-active{background:var(--color-subtle)}.hn-picker-option[aria-selected=true]{font-weight:600}.hn-picker-option[aria-selected=true]::after{content:'✓';position:absolute;right:12px;color:var(--color-fire)}.hn-picker-option[aria-disabled=true]{color:var(--color-muted);cursor:not-allowed;opacity:.6}.hn-picker-status,.hn-picker-group{padding:12px;margin:0;color:var(--color-muted);font-size:13px}.hn-picker-group{font-weight:600;background:var(--color-subtle)}
.hn-shell .hn-picker-done{flex:none;margin-top:8px}
.hn-shell .hn-auth-field :is(input,select){width:100%}.hn-shell .hn-auth-form .button{width:100%;margin:0}
/* Compound fields use the same primitives, including their no-JS select. */
.hn-shell .hn-email-address {display:grid;grid-template-columns:minmax(0,1fr) min(48%,clamp(7.5rem,44%,10.5rem));border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface)}
.hn-shell .hn-email-address .hn-picker {min-width:0;width:100%}
.hn-shell .hn-email-address :where(input,select,.hn-picker-trigger) {min-height:calc(var(--control-height) - 2px);border:0;background:transparent;padding-block:calc((var(--control-height) - 26px) / 2)}
.hn-shell .hn-email-address :where(select,.hn-picker-trigger) {border-left:1px solid var(--color-control-border);border-radius:0 var(--radius-control) var(--radius-control) 0}
.hn-shell .hn-email-address .hn-picker-trigger {padding-inline:var(--space-2);gap:var(--space-1)}
.hn-shell .hn-email-address:has([aria-invalid=true]) {border-color:var(--color-danger)}
.hn-shell .hn-email-address:focus-within {outline:2px solid var(--color-focus);outline-offset:2px}
.hn-shell .hn-email-address :where(input,select,.hn-picker-trigger):focus-visible {outline:0}

.hn-shell .composer-search>input{padding-left:47px}.hn-shell .provider-select .hn-picker{width:auto;min-width:110px}.hn-shell .hn-admin-task :is(input,textarea,.hn-picker){width:100%}

.hn-shell .button.secondary[aria-pressed=true] {background:var(--soft);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}

/* Compact variant of the shared account statistics cards. */
.hn-shell .stats--compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-4) 0 0}
.hn-shell .stats--compact .stat{display:block;padding:var(--space-2);background:var(--color-subtle)}
.hn-shell .stats--compact .stat strong{font-size:var(--metric-detail-size);line-height:26px;letter-spacing:0;margin-top:4px}
.hn-shell .stats--compact .stat small{font-size:var(--help-size);font-weight:400;color:var(--muted)}
@media(max-width:600px){.hn-shell .stats--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:800px),(pointer:coarse) {
 .hn-shell :where(.text-button,.hn-readmore-toggle,.button.tertiary,.resource-title) {min-width:var(--touch-target-size)}
}

/* Shared frame resilience: titles/actions wrap, tables scroll within their region. */
.hn-shell :is(.page-heading,.page-head,.studio-heading,.tools-heading)>* {min-width:0;max-width:100%}
.hn-shell :is(.page-heading,.page-head,.studio-heading,.tools-heading) h1 {margin-top:0}
.hn-shell :is(.tg-nav,.creative-nav,.records-nav,.account-tabs,.operations-tabs,.tools-nav,.collection-tabs) a {flex:none;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.hn-shell :is(.table-scroll,.table-wrap):focus-visible {outline:2px solid var(--color-focus);outline-offset:2px}
.hn-shell .hn-topbar :is(a,strong) {overflow-wrap:anywhere}
.hn-shell .hn-public-nav a[aria-current=page] {text-decoration:underline;text-decoration-color:var(--fire);text-underline-offset:6px}
.hn-shell .hn-nav-close {display:none}
.hn-nav-backdrop {position:fixed;inset:0;z-index:62;background:var(--color-backdrop)}
@media(max-width:800px) {
 .hn-shell .hn-nav-close {display:inline-flex;align-self:flex-end;flex:none;min-width:var(--touch-target-size);min-height:var(--touch-target-size);margin-bottom:var(--space-2)}
 .hn-public-header #mobile-nav {display:block}
 .hn-nav-ready .hn-public-header #mobile-nav {position:fixed;top:var(--nav-header-bottom,var(--shell-header));inset-inline:0;z-index:63;max-height:calc(100dvh - var(--nav-header-bottom,var(--shell-header)));overflow:auto;overscroll-behavior:contain}
 .hn-public-header:has(#mobile-nav:not([hidden])) {position:relative;z-index:63}
 .hn-sidebar-bottom a,.hn-profile summary {min-height:var(--touch-target-size)}
}
@media(pointer:coarse) {.hn-shell .hn-sidebar .hn-navigation a {min-height:var(--touch-target-size)}}

/* Values that copy on activation keep their readable, selectable text. */
.hn-shell .hn-copy-value {max-width:100%;min-height:var(--control-height);padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere;user-select:text;text-decoration:none;cursor:pointer;position:relative}
.hn-shell .hn-copy-value:hover {background:var(--soft);color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* Opt-in for tables whose text, avatars and actions share a row centre. */
.hn-shell .hn-table-middle :is(th,td) {vertical-align:middle}
.hn-shell .hn-copy-float {position:absolute;bottom:calc(100% + var(--space-1));left:0;z-index:var(--layer-menu);width:max-content;max-width:min(280px,80vw);padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-soft);font:400 var(--help-size)/var(--text-line) var(--font-sans);text-align:left;white-space:normal;pointer-events:none}
.hn-shell .hn-copy-float[hidden] {display:none}

/* Account surfaces use the same panels, field rhythm and numeric cards. */
.hn-shell .hn-auth-box{min-width:0;padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius);background:var(--color-surface);overflow-wrap:anywhere}
.hn-shell :is(.hn-auth-box,.hn-auth-dialog) h2{font:600 var(--heading-size)/var(--heading-line) var(--font-sans);margin:0}
.hn-shell :is(.hn-auth-box,.hn-auth-dialog) small,.hn-shell .hn-auth-caption{font-size:var(--help-size);line-height:20px;color:var(--muted)}
.hn-shell .hn-auth-field label{display:flex;flex-direction:column;gap:var(--space-1);margin:0}
.hn-shell .hn-auth-form{display:flex;flex-direction:column;gap:var(--space-3);margin:0}
.hn-shell .hn-auth-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.hn-shell .hn-account-pages label{display:block;margin:var(--space-2) 0}
.hn-shell .hn-account-pages :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){width:100%}
.hn-shell .hn-account-pages :is(p,form){margin-block:var(--space-3)}
.hn-shell .hn-account-pages .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--space-4)}
.hn-shell .hn-account-pages .stat{min-width:0;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--color-subtle)}
.hn-shell .stat>span{font-size:var(--help-size);color:var(--muted)}
.hn-shell .stat strong,.hn-shell .price-chip strong{display:block;font-size:var(--metric-size);line-height:var(--metric-line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.hn-shell .stats--compact .stat strong{font-size:var(--metric-detail-size);line-height:26px}
.hn-shell .hn-account-pages .stats--compact{margin:0;gap:var(--space-2)}
.hn-shell :is(.hn-account-pages,.hn-auth-box,.hn-auth-dialog) summary{min-height:var(--control-height);padding-block:var(--space-2);cursor:pointer}
.hn-shell :is(.hn-account-pages,.hn-auth-box,.hn-auth-dialog) a:not(.button):not(.wallet-recent):not(.hn-entry-link){text-underline-offset:3px}
.hn-shell :is(.hn-account-pages,.hn-auth-box,.hn-auth-dialog) a:not(.button):not(.hn-entry-link):hover{text-decoration:underline}
@media(max-width:600px){.hn-shell .hn-account-pages .stats{grid-template-columns:1fr}.hn-shell .hn-account-pages .stats--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

.hn-shell .hn-number-part{font:inherit;color:inherit;white-space:nowrap;overflow-wrap:normal}
/* Opt-in centre alignment for complete cell contents, including multi-line blocks. */
.hn-shell .hn-table-center :is(th,td) {text-align:center}
.hn-shell .hn-cell-center {display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:0}
.hn-shell .hn-pagination {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}
.hn-shell .hn-pagination .hn-pagination-total {color:var(--ink);font-weight:600}
.hn-shell .hn-pagination form {display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin:0}
.hn-shell .hn-pagination label {display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}
.hn-shell .hn-pagination label>.hn-picker {width:auto;min-width:0}
@media(max-width:600px){.hn-shell .hn-pagination form,.hn-shell .hn-pagination label{width:100%}.hn-shell .hn-pagination .hn-picker{flex:1}}

/* Content rhythm shared by writing, record and guided workflows. */
.hn-shell :is(.brief-form,.copy-export) label:has(>input[type=checkbox]) {display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height)}
.hn-shell :is(.copy-layout,.copy-comparison) {gap:var(--space-4)}
.hn-shell :is(.copy-layout,.copy-provenance) {margin-block:var(--space-4)}
.hn-shell :is(.copy-brief,.brief-summary,.topic-detail) dt {margin-top:var(--space-3);font-size:var(--help-size);color:var(--muted)}
.hn-shell :is(.copy-brief,.brief-summary,.topic-detail) dd {margin:var(--space-1) 0 var(--space-3);overflow-wrap:anywhere}
.hn-shell :is(.creative-submit-state,.record-submit-state,figcaption) {font-size:var(--help-size);line-height:var(--text-line);color:var(--muted)}
.hn-shell :is(.hn-creative,.hn-records) details>summary {min-height:var(--control-height);padding-block:var(--space-2);cursor:pointer}
.hn-shell :is(.hn-creative,.hn-records) :is(form,fieldset,.copy-comparison>section) {min-width:0}
.hn-shell :is(.hn-creative,.hn-records) pre {white-space:pre-wrap;overflow-wrap:anywhere}
.hn-shell :is(.brief-actions,.record-actions) a {display:inline-flex;align-items:center;min-height:var(--control-height)}

.hn-shell :is(.hn-creative,.hn-records,.work-grid) :is(.results-empty,.empty-state,.search-placeholder) {padding:var(--panel-padding)}
.hn-shell :is(.hn-creative,.hn-records,.work-grid) :is(.results-empty,.empty-state,.search-placeholder) h2 {font-size:var(--metric-detail-size)}

/* Shared brand artwork: preserve the complete silhouette at every logo size. */
.hn-shell img[src*="/brand-flame"] {object-fit:contain;flex-shrink:0}
.hn-footer .brand img {width:32px;height:32px}

/* Shared business navigation, one server-rendered tree on every screen. */
.hn-nav-node {min-width:0;position:relative}
.hn-nav-row {display:flex;align-items:center;gap:var(--space-1);min-width:0}
.hn-nav-row>a {flex:1;min-width:0}
.hn-shell .hn-nav-expand {flex:none;min-width:var(--touch-target-size);width:var(--touch-target-size);min-height:var(--touch-target-size);padding:var(--space-2);border:0;background:transparent;color:var(--muted);box-shadow:none}
.hn-nav-expand:hover {background:var(--soft);color:var(--ink)}
.hn-nav-expand[aria-expanded=true] span {display:block;transform:rotate(180deg)}
.hn-nav-children {margin-left:var(--space-3);padding-left:var(--space-2);border-left:1px solid var(--line)}
.hn-shell .hn-nav-unavailable {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--touch-target-size);color:var(--muted);font-size:var(--help-size);line-height:var(--text-line)}
.hn-nav-unavailable small {font-size:var(--help-size);color:var(--muted)}
.hn-nav-row a[aria-current=page] {background:var(--soft);color:var(--ink);box-shadow:inset 2px 0 var(--fire)}
.hn-nav-row a span {overflow-wrap:anywhere}
.hn-topbar .hn-crumb {white-space:normal;line-height:var(--text-line)}
.hn-crumb [aria-current=page] {color:var(--ink);font-weight:600}
.hn-public-header #mobile-nav.hn-public-tree {display:flex;gap:var(--space-2);padding:0;border:0;min-width:0;background:var(--paper)}
.hn-public-header #mobile-nav.hn-public-tree a {display:flex;justify-content:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-control);font-size:var(--text-size);line-height:var(--text-line)}
.hn-public-tree .icon {display:none}
@media(min-width:801px) {
 .hn-public-tree>.hn-nav-node>.hn-nav-children {position:absolute;top:100%;left:0;z-index:var(--layer-menu);margin:0;padding:var(--space-2);width:260px;max-height:70vh;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:var(--paper)}
 html:not(.hn-nav-ready) .hn-public-header .hn-public-nav {align-items:flex-start;flex-wrap:wrap}
 html:not(.hn-nav-ready) .hn-public-tree>.hn-nav-node>.hn-nav-children {position:static;max-height:none;box-shadow:none}
}
@media(max-width:1100px) and (min-width:801px) {
 .hn-public-header .hn-public-nav {flex-wrap:wrap}
 .hn-public-header #mobile-nav.hn-public-tree {order:3;flex-basis:100%;justify-content:center}
}
@media(max-width:800px) {
 .hn-public-header #mobile-nav.hn-public-tree {display:block;padding:var(--space-2) var(--shell-gutter) var(--space-4)}
 html:not(.hn-nav-ready) .hn-public-header .hn-public-nav {flex-wrap:wrap}
 html:not(.hn-nav-ready) .hn-public-tree {order:3;flex-basis:100%}
 .hn-nav-row a {min-height:var(--touch-target-size)}
 .hn-topbar .hn-workspace-link {font-size:var(--help-size)}
}

/* Reusable labeled share value with the shared copy action and manual selection. */
.hn-share-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;margin-block:var(--space-3)}
.hn-share-field>label,.hn-share-field>.field-help{grid-column:1/-1;margin:0}
.hn-shell .hn-share-field>textarea{word-break:break-all}

/* Shared settings disclosures: native keyboard and no-script behavior. */
.hn-shell .hn-settings {padding-block:0}
.hn-shell .hn-setting + .hn-setting {border-top:1px solid var(--line)}
.hn-shell .hn-setting > summary {display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);min-height:var(--close-size);list-style:none;cursor:pointer}
.hn-shell .hn-setting > summary::-webkit-details-marker {display:none}
.hn-shell .hn-setting-label {display:grid;gap:var(--space-1);min-width:0;overflow-wrap:anywhere}
.hn-shell .hn-setting > summary > .hn-entry-link {flex:none}
.hn-shell .hn-setting-content {padding-bottom:var(--space-4)}
.hn-shell .hn-setting-content > :first-child {margin-top:0}
.hn-shell .hn-form-stack > .hn-field {width:100%}
.hn-shell .hn-form-actions {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.hn-shell .hn-input-action {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.hn-shell .hn-input-action > input {flex:1 1 9em;width:0}
.hn-shell .hn-input-action > button {flex:0 0 auto}

/* Selectable evidence lists share the same bounded reading area. */
.hn-shell .pricing-form #id_receipts {max-height:var(--choice-list-max-height);overflow:auto}

/* One compact account disclosure for both headers, including native no-JS fallback. */
.hn-shell .hn-account-menu {position:relative;flex:none;font-size:var(--text-size);line-height:var(--text-line)}
.hn-shell .hn-account-menu>summary {display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:var(--touch-target-size);min-height:var(--touch-target-size);padding:var(--space-1);border-radius:var(--radius-control);list-style:none;cursor:pointer}
.hn-account-menu>summary::-webkit-details-marker {display:none}
.hn-shell .hn-account-menu>summary:is(:hover,:focus-visible),.hn-shell .hn-account-menu[open]>summary {background:var(--soft)}
.hn-avatar {display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);border:1px solid var(--line);border-radius:50%;background:var(--paper);font-weight:600;color:var(--ink)}
.hn-shell .hn-account-panel {position:absolute;right:0;top:calc(100% + var(--space-1));z-index:var(--layer-menu);width:200px;max-width:calc(100vw - 2 * var(--shell-gutter));padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-soft)}
.hn-shell .hn-account-panel nav {display:grid;gap:0;margin:0;padding:0}
.hn-shell .hn-account-panel a,.hn-shell .hn-account-panel button {display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:var(--touch-target-size);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink);font:inherit;text-decoration:none;white-space:nowrap}
.hn-shell .hn-account-panel :is(a,button):is(:hover,:focus-visible),.hn-shell .hn-account-panel a[aria-current=page] {background:var(--soft)}
.hn-shell .hn-account-panel form {margin:var(--space-1) 0 0;padding-top:var(--space-1);border-top:1px solid var(--line)}

@media(max-width:600px) {.hn-public-nav:has(.hn-account-menu)>.brand span {display:none}.hn-public-nav:has(.hn-account-menu) .hn-public-actions {gap:var(--space-1)}}