@charset "UTF-8";
/* Visual tokens from apple-DESIGN.md supplied by the user. */
:root {
  --primary:#0066cc; --primary-focus:#0071e3; --primary-on-dark:#2997ff;
  --ink:#1d1d1f; --ink-secondary:#333333; --muted:#7a7a7a; --on-dark:#ffffff; --on-dark-muted:#cccccc;
  --canvas:#ffffff; --parchment:#f5f5f7; --pearl:#fafafc; --dark-tile:#272729; --black:#000000;
  --chip:#d2d2d7; --hairline:#e0e0e0; --divider:#f0f0f0; --glass:rgba(245,245,247,.8); --backdrop:rgba(0,0,0,.38);
  --font:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Malgun Gothic",sans-serif;
  --display:"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;
  --radius-sm:8px; --radius-md:11px; --radius-lg:18px; --pill:9999px;
}
* {box-sizing:border-box}
body {margin:0;color:var(--ink);background:var(--parchment);font-family:var(--font);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px;-webkit-font-smoothing:antialiased}
button,input,textarea {font:inherit}
button,a {touch-action:manipulation}
button {cursor:pointer}
button:disabled {color:var(--muted);background:var(--divider);border-color:var(--divider);cursor:wait}
button:active:not(:disabled),.button:active {transform:scale(.95)}
button,.button {transition:transform .15s ease}
:focus-visible {outline:2px solid var(--primary-focus);outline-offset:4px}
a {color:var(--primary);text-decoration:none}
h1,h2,h3,p {margin:0}
h1,h2,h3 {font-weight:600}
h1 {font-family:var(--display);font-size:56px;line-height:1.07;letter-spacing:-.374px}
h2 {font-family:var(--display);font-size:34px;line-height:1.24;letter-spacing:-.374px}
h3 {font-size:17px;line-height:1.24}
p {line-height:1.47}
.muted {color:var(--muted);font-size:14px;line-height:1.43;letter-spacing:-.224px}
.heading-muted {color:var(--muted)}
.sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden] {display:none!important}

/* Black global navigation and frosted local navigation. */
.global-nav {height:44px;background:var(--black);color:var(--on-dark);position:relative;z-index:12}
.nav-inner {max-width:1080px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brand {display:flex;align-items:center;gap:12px;color:var(--on-dark);white-space:nowrap}
.brand-mark {font-family:var(--display);font-size:26px;font-weight:600;line-height:1;letter-spacing:-2px}
.brand-name,.global-caption {font-size:12px;letter-spacing:0}
.global-caption {color:var(--on-dark-muted);white-space:nowrap}
.global-nav nav {display:flex;height:100%;gap:36px;align-items:stretch}
.nav-item {background:transparent;border:0;color:var(--on-dark-muted);font-size:12px;font-weight:400;letter-spacing:0;padding:0 4px;white-space:nowrap}
.nav-item.active {color:var(--on-dark)}
.menu-toggle {display:none}
.topbar {height:52px;background:var(--glass);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:10}
.topbar-inner {max-width:1280px;margin:auto;padding:0 48px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.local-title {font-size:21px;font-weight:600;letter-spacing:-.374px;white-space:nowrap}
.slash {color:var(--chip);padding:0 18px;font-size:17px;font-weight:400}
#breadcrumb-current {font-size:14px;font-weight:400;color:var(--muted)}

/* Pills, utility actions and forms. */
.button {display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--pill);min-height:44px;padding:11px 22px;font-size:17px;line-height:1.24;font-weight:400;letter-spacing:-.374px;white-space:nowrap}
.button.primary {background:var(--primary);color:var(--on-dark)}
.button.primary:disabled {background:var(--divider);color:var(--muted)}
.button.secondary {background:transparent;color:var(--primary);border-color:var(--primary)}
.button.secondary:disabled {color:var(--muted);border-color:var(--hairline)}
.button.small {min-height:32px;font-size:12px;padding:6px 16px;letter-spacing:0}
.text-button {color:var(--primary);border:0;background:transparent;padding:8px 0;min-height:44px;font-size:14px;font-weight:400;white-space:nowrap}
.icon-button {width:44px;height:44px;background:var(--chip);color:var(--ink);border:0;border-radius:var(--pill);font-size:26px;font-weight:300;flex-shrink:0}
input,textarea {width:100%;min-width:0;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:12px 16px;font-size:17px;line-height:1.47;font-weight:400;letter-spacing:-.374px}
input {min-height:48px}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
textarea {resize:vertical}
.field {display:block;font-size:14px;font-weight:600;margin:24px 0}
.field input,.field textarea {margin-top:12px}
.optional {color:var(--muted);font-size:12px;font-weight:400;margin-left:6px}

/* Spacious editorial surfaces. */
.view {max-width:1440px;padding:0 64px 80px;margin:auto}
#view-write {max-width:none;padding:0}
.page-heading {min-height:280px;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:72px 0 64px}
.hero-heading {min-height:400px;background:var(--canvas);justify-content:center;text-align:center;padding:64px 24px 56px}
.hero-heading h1 span {color:var(--muted)}
.editing .hero-heading {display:none}
.eyebrow {font-size:21px;font-weight:600;line-height:1.19;letter-spacing:-.224px;margin-bottom:24px}
.hero-lead {color:var(--muted);font-family:var(--display);font-size:21px;line-height:1.47;letter-spacing:-.224px;margin-top:24px}
.workflow-band {background:var(--dark-tile);color:var(--on-dark)}
.steps {list-style:none;display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:auto;padding:32px 48px;gap:40px}
.steps li {display:flex;align-items:center;gap:17px;color:var(--on-dark-muted);font-size:17px;font-weight:400}
.steps li>span {font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-.374px;color:var(--muted)}
.steps li small {display:block;margin-top:7px;font-size:12px;font-weight:400;color:var(--on-dark-muted);letter-spacing:0}
.steps li.current {color:var(--on-dark)}
.steps li.current>span {color:var(--primary-on-dark)}
.workspace-content {max-width:1440px;margin:auto;padding:24px 64px 64px}
.recent-drafts {position:relative;display:flex;justify-content:flex-end;text-align:right;margin:0 0 40px auto;width:fit-content;max-width:100%}
.recent-drafts summary {list-style:none;cursor:pointer;font-size:14px;color:var(--primary);min-height:44px;display:flex;align-items:center;gap:9px}
.recent-drafts summary::-webkit-details-marker {display:none}
.recent-drafts #article-count {color:var(--muted);font-variant-numeric:tabular-nums}
.recent-chevron {font-size:17px}
.article-list {position:absolute;right:0;top:46px;z-index:5;width:320px;max-width:calc(100vw - 48px);max-height:300px;overflow-y:auto;text-align:left;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:12px}
.article-list button {display:block;width:100%;border:0;background:var(--canvas);color:var(--ink);text-align:left;border-radius:var(--radius-sm);padding:13px 12px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-list button.selected {color:var(--primary);background:var(--parchment)}
.empty-small {color:var(--muted);font-size:14px;padding:16px 12px}
.section-title {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
.section-title p {margin-top:17px}
.outline-badge {color:var(--muted);background:var(--parchment);padding:8px 14px;border-radius:var(--radius-md);font-size:14px;white-space:nowrap}

/* Source utility cards: hairline borders, 18px corners, no shadows. */
.source-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.source-card {background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px;min-width:0;position:relative}
.source-card.selected {border:2px solid var(--primary-focus);padding:23px}
.source-card label {display:block;cursor:pointer}
.source-card input[type=checkbox] {position:absolute;right:22px;top:22px;width:20px;height:20px;min-height:0;margin:0;accent-color:var(--primary)}
.md-icon {width:48px;height:62px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--parchment);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:1px;margin:12px 0 32px}
.source-card h3 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px}
.source-card .snippet {color:var(--muted);font-size:14px;line-height:1.43;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px;overflow-wrap:anywhere}
.source-card footer {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;font-size:12px;color:var(--muted)}
.source-card footer .text-button {font-size:12px}
.source-card footer>a {display:grid;place-items:center;min-width:30px;min-height:44px}
.empty-state {grid-column:1/-1;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:48px 24px;text-align:center}
.empty-state .md-icon {margin:0 auto 24px}
.empty-state h3 {font-size:21px;line-height:1.3}
.empty-state p {font-size:17px;color:var(--muted);margin-top:12px}
.compose-bottom {display:flex;align-items:flex-end;gap:32px;margin-top:32px;padding-bottom:32px;border-bottom:1px solid var(--hairline)}
.compose-bottom .field {flex:1;margin:0}
.compose-bottom input {border-radius:var(--pill);padding-left:20px}
.compose-bottom .button {min-height:49px}
.guide-hint {display:flex;align-items:center;gap:12px;margin-top:17px;color:var(--ink-secondary);font-size:14px}
.guide-hint b {font-weight:400;color:var(--muted);margin:0 5px}
.guide-hint .text-button {margin-left:auto}
.workspace-foot {display:flex;justify-content:center;flex-wrap:wrap;gap:32px;padding:32px 24px;background:var(--canvas);color:var(--muted);font-size:12px;letter-spacing:0}
.workspace-foot span::before {content:"✓";margin-right:8px;color:var(--ink)}
.drop-zone {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;min-height:240px;width:100%;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);margin-bottom:48px;padding:32px}
.drop-zone strong {font-size:21px;font-weight:600}
.drop-zone>span:last-child {color:var(--muted);font-size:14px}
.drop-zone.dragging {outline:2px solid var(--primary-focus)}
.upload-symbol {color:var(--primary);font-size:34px;font-weight:300}
.text-source {margin-top:32px;padding:24px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg)}
.text-source summary {cursor:pointer;color:var(--primary);font-size:17px;min-height:44px;display:flex;align-items:center}

/* Editing and review. */
.editor-header {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.editor-header h2 {font-size:28px}
.editor-header p {margin-top:12px;overflow-wrap:anywhere}
.editor-actions {display:flex;flex-wrap:wrap;gap:12px}
.editor-actions .button {font-size:14px;padding:11px 17px}
.editor-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.editor-card {background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden;min-width:0}
.card-top {display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--hairline);padding:24px}
.card-top h2,.card-top h3 {font-size:17px}
.card-top .muted {font-size:12px}
.title-input {border:0;border-radius:0;padding:32px 24px 17px;font-size:28px;font-weight:600;letter-spacing:-.374px}
.body-input {border:0;border-radius:0;padding:17px 24px 32px;min-height:520px;line-height:1.65}
.title-input:focus-visible,.body-input:focus-visible,.guideline-input:focus-visible {outline-offset:-3px}
.prose {padding:32px 24px;font-size:17px;line-height:1.65;overflow-wrap:anywhere}
.prose h1 {font-size:28px;line-height:1.25;margin:0 0 32px}
.prose h2 {font-size:24px;margin:32px 0 17px}
.prose h3 {font-size:21px;margin:24px 0 12px}
.prose p {margin:17px 0;line-height:1.65}
.prose ul,.prose ol {padding-left:24px}
.prose a {text-decoration:underline}
.prose blockquote {margin-left:0;border-left:2px solid var(--chip);padding-left:17px;color:var(--muted)}
.prose pre {overflow-x:auto;background:var(--parchment);padding:17px;border-radius:var(--radius-sm)}
.prose table {border-collapse:collapse;display:block;overflow-x:auto}
.prose th,.prose td {border:1px solid var(--hairline);padding:8px 12px}
.rewrite-panel {background:var(--dark-tile);color:var(--on-dark);margin-top:24px;padding:32px;border-radius:var(--radius-lg)}
.rewrite-panel label {font-size:21px;font-weight:600}
.rewrite-panel>div {display:flex;gap:17px;margin-top:24px}
.rewrite-panel input {background:var(--canvas);border-radius:var(--pill);padding-left:20px}
.rewrite-panel .button {color:var(--primary-on-dark);border-color:var(--primary-on-dark)}
.rewrite-panel .muted {color:var(--on-dark-muted);margin-top:12px;font-size:14px}
.artifact-links {display:flex;flex-wrap:wrap;gap:24px;margin:24px 0;font-size:14px}
.artifact-links a {min-height:44px;display:flex;align-items:center}
.result-card {padding:32px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);margin-top:24px}
.result-card h3 {font-size:21px;margin-bottom:17px}
.result-card p {font-size:17px}
.result-card .button {margin-top:24px}
.result-card a {overflow-wrap:anywhere}
.feedback-item {margin-top:24px;padding-top:24px;border-top:1px solid var(--hairline);font-size:14px}
.feedback-item del,.feedback-item ins {display:block;text-decoration:none;line-height:1.6;white-space:pre-wrap}
.feedback-item del {color:var(--muted)}
.feedback-item ins {color:var(--ink);margin-top:8px}
.feedback-item p {font-size:14px;margin-top:12px}
.feedback-item small {color:var(--muted);font-size:12px}
.job-status {padding:17px 24px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);margin-bottom:24px;font-size:14px}
.job-status:not(.error)::before {content:"●";color:var(--primary);font-size:10px;margin-right:10px}
.job-status.error::before {content:"!";font-weight:600;padding-right:12px}
.notice {position:fixed;z-index:30;top:112px;left:50%;transform:translateX(-50%);max-width:640px;width:max-content;background:var(--ink);color:var(--on-dark);padding:17px 24px;border-radius:var(--radius-lg);font-size:14px;line-height:1.47}
.notice.error::before {content:"확인 필요 · ";font-weight:600}
.pc-connection {max-width:1280px;margin:24px auto;padding:24px 32px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);display:flex;align-items:center;justify-content:space-between;gap:24px}
.pc-connection strong {font-size:17px;font-weight:600}
.pc-connection p {font-size:14px;color:var(--muted);margin-top:8px;line-height:1.47}
.connection-actions {display:flex;flex-shrink:0;gap:12px;flex-wrap:wrap}
.connection-actions .button {font-size:14px}
.pc-connection.connected {padding:17px 32px}
.pc-connection.connected .connection-help {display:none}
@media(max-width:833px) {.pc-connection {margin:17px 24px;padding:24px;flex-direction:column;align-items:stretch}.connection-actions {flex-shrink:1}}

/* Guidelines and connection settings. */
.guideline-layout {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:48px}
.guideline-input {min-height:560px;border:0;border-radius:0;padding:24px;line-height:1.65}
.guideline-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;border-top:1px solid var(--hairline);padding:24px}
.guideline-actions .button {font-size:14px}
.history-card h2 {font-size:28px;margin:24px 0 17px}
.history-card>p {margin-bottom:32px}
.history-item {padding:24px 0;border-top:1px solid var(--hairline);font-size:17px}
.history-item strong {font-weight:600}
.history-item p {color:var(--muted);font-size:14px;margin-top:8px}
.history-item summary {color:var(--primary);cursor:pointer;font-size:14px;min-height:44px;padding-top:12px}
.history-item pre {white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);font-size:14px;line-height:1.6;max-height:320px;overflow-y:auto;padding:17px;border-radius:var(--radius-sm);background:var(--canvas)}
.settings-card {max-width:760px;margin:0 auto;padding:48px;border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--canvas)}
.naver-mark {display:grid;place-items:center;width:64px;height:64px;margin-bottom:24px;color:var(--on-dark);background:var(--ink);border-radius:var(--radius-lg);font-weight:700;font-size:40px}
.settings-card h2 {font-size:28px}
.settings-card hr {border:0;border-top:1px solid var(--hairline);margin:32px 0}
.settings-card h3 {font-size:21px;margin-bottom:17px}
.settings-card .muted {font-size:17px;line-height:1.47}
.settings-actions {display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.settings-actions .button {font-size:14px}
.site-footer {background:var(--parchment);color:var(--muted);font-size:12px;padding:48px 32px}
.site-footer>div {max-width:1280px;padding-top:24px;border-top:1px solid var(--hairline);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-footer p {font-size:12px}

/* Review dialogs. */
dialog {max-width:680px;width:calc(100% - 48px);padding:32px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);color:var(--ink)}
dialog::backdrop {background:var(--backdrop);backdrop-filter:blur(8px)}
.dialog-header {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.dialog-header h2 {font-size:28px}
.dialog-actions {display:flex;justify-content:flex-end;gap:12px;margin-top:32px}
.approval-title {font-size:24px;font-weight:600;margin-bottom:24px}
dialog p {margin:17px 0;font-size:17px}
dialog pre {white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow-y:auto;font-family:var(--font);font-size:14px;line-height:1.6;background:var(--parchment);border-radius:var(--radius-sm);padding:24px}

@media(min-width:1441px) {
  .hero-heading {padding-top:80px;padding-bottom:64px}
}
@media(max-width:1200px) {
  .source-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .editor-header {align-items:flex-start;flex-direction:column}
  .guide-hint .muted {display:none}
}
@media(max-width:1068px) {
  h1 {font-size:40px;line-height:1.1} h2 {font-size:28px}
  .view,.workspace-content {padding-left:40px;padding-right:40px}
  .hero-heading {min-height:340px}
  .source-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .guideline-layout {grid-template-columns:minmax(0,1fr)}
  .history-card {max-width:760px}
  .nav-inner,.global-nav nav {gap:24px}
  .steps {gap:24px;padding:32px 40px}
  .steps li {font-size:14px} .steps li>span {font-size:28px}
}
@media(max-width:833px) {
  .global-caption,.brand-name {display:none}
  .nav-inner {position:relative;justify-content:center}
  .brand-mark {font-size:26px}
  .menu-toggle {display:flex;position:absolute;right:16px;top:0;width:44px;height:44px;padding:14px 10px;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0}
  .menu-toggle span {height:1px;width:22px;display:block;background:var(--on-dark)}
  .global-nav nav {display:none;position:absolute;top:44px;left:0;right:0;background:var(--black);padding:17px 24px 24px;height:auto}
  .global-nav nav.open {display:flex;flex-direction:column;align-items:stretch;gap:0}
  .nav-item {padding:17px 8px;min-height:48px;text-align:left;font-size:17px}
  .topbar-inner {padding:0 24px}
  .local-title {font-size:21px}
  .slash,#breadcrumb-current {display:none}
  .page-heading {flex-direction:column;align-items:flex-start;padding:56px 0 48px;gap:24px}
  .hero-heading {align-items:center;padding:56px 24px 48px}
  .steps {gap:24px;padding:24px}
  .steps li {flex-direction:column;align-items:flex-start;gap:12px}
  .steps li small {display:none}
  .workspace-content {padding:17px 24px 48px}
  .view {padding-left:24px;padding-right:24px;padding-bottom:48px}
  .editor-grid {grid-template-columns:minmax(0,1fr)}
  .body-input {min-height:400px}
  .compose-bottom {gap:24px} .compose-bottom .button {font-size:14px}
  .site-footer>div {flex-direction:column;align-items:flex-start;gap:12px}
  .settings-card {padding:32px}
}
@media(max-width:640px) {
  h1 {font-size:34px} h2 {font-size:28px}
  .eyebrow {font-size:17px;margin-bottom:24px}
  .hero-lead {font-size:17px;line-height:1.47;margin-top:24px}
  .hero-heading {min-height:340px}
  .source-grid {grid-template-columns:minmax(0,1fr)}
  .source-card {padding:24px} .source-card.selected {padding:23px}
  .md-icon {margin-bottom:24px}
  .source-card .snippet {height:auto;min-height:40px}
  .source-card footer {margin-top:17px}
  .section-title {align-items:flex-start;gap:17px}
  .section-title .button {font-size:14px;padding:11px 17px}
  .section-title p {font-size:14px}
  .compose-bottom {flex-direction:column;align-items:stretch}
  .compose-bottom .button {font-size:17px}
  .guide-hint {align-items:center;gap:8px;font-size:12px}
  .guide-hint .text-button {font-size:12px}
  .guide-hint>span:first-child {display:none}
  .empty-state {padding:40px 24px}
  .empty-state h3 {font-size:17px} .empty-state p {font-size:14px}
  .drop-zone {padding:32px 24px;min-height:220px} .drop-zone strong {font-size:17px}
  .workspace-foot {gap:12px 24px;padding:24px;font-size:12px}
  .editor-header h2 {font-size:24px}
  .editor-actions {gap:8px} .editor-actions .button {padding:10px 14px;font-size:12px}
  .card-top {padding:17px 24px}
  .title-input {font-size:24px} .body-input {font-size:17px}
  .rewrite-panel {padding:24px} .rewrite-panel label {font-size:17px}
  .rewrite-panel>div {flex-direction:column} .rewrite-panel input {font-size:14px}
  .rewrite-panel .button {align-self:flex-end}
  .artifact-links {gap:8px;flex-direction:column;font-size:12px}
  .result-card {padding:24px} .result-card h3 {font-size:17px} .result-card p {font-size:14px}
  .guideline-actions .button {flex:1}
  .settings-card {padding:24px} .settings-card .muted {font-size:14px}
  .settings-actions {flex-direction:column}
  .notice {width:calc(100% - 32px);max-width:none;top:112px}
  dialog {padding:24px;width:calc(100% - 32px)}
  .dialog-header {gap:17px;margin-bottom:24px} .dialog-header h2 {font-size:24px}
  .dialog-actions {flex-wrap:wrap} .dialog-actions .button {font-size:14px}
  dialog p {font-size:17px}
}
@media(max-width:419px) {
  h1 {font-size:28px}
  .hero-heading {min-height:320px;padding:48px 24px}
  .local-title {font-size:17px}
  .section-title h2 {font-size:24px} .section-title {flex-wrap:wrap}
  .steps {padding:24px;gap:17px} .steps li {font-size:12px} .steps li>span {font-size:24px}
}
@media(prefers-reduced-motion:reduce) {button,.button {transition:none}}