.site-footer>div{display:flex;gap:20px}.authoring-area{max-width:760px;margin-bottom:60px}.availability-note{padding:20px 24px;border-left:2px solid #91b29d;background:var(--wash);font-size:12px;line-height:1.9;margin-bottom:30px}.availability-note strong{font-size:13px;font-weight:500;color:var(--emerald)}.availability-note p{margin:7px 0 0;color:#6d7a70}.authoring-area label{display:block;font-size:13px;margin:22px 0 9px}.authoring-area label small,.authoring-area small{font-size:11px;color:var(--muted);font-weight:400}.authoring-area label small{margin-left:10px}.authoring-area input[type=text],.authoring-area input[type=password],.authoring-area textarea{display:block;width:100%;min-width:0;border:1px solid #d8e0d5;border-radius:3px;background:#fff;padding:12px 14px;color:var(--ink);font-size:14px;line-height:1.8}.authoring-area textarea{resize:vertical;min-height:240px}.authoring-credential>small,.editing-controls>small{display:block;margin-top:8px}.editing-controls>div{display:flex;gap:12px}.editing-controls button{flex-shrink:0;font-size:12px;border:1px solid #c8d9cb;padding:0 16px;border-radius:3px;color:var(--emerald)}.public-choice{display:flex!important;gap:12px;align-items:flex-start;padding:18px;background:var(--wash);border-radius:3px}.public-choice input{accent-color:var(--emerald);margin-top:5px;flex-shrink:0}.public-choice strong{font-size:13px;font-weight:500}.public-choice small{display:block;margin:5px 0 0!important;line-height:1.8}.authoring-buttons{display:flex;gap:20px;align-items:center;margin-top:28px}.authoring-buttons button{font-size:12px;min-height:42px}.authoring-buttons button[type=submit]{background:var(--emerald);color:white;border-radius:3px;padding:8px 24px}.authoring-buttons button:disabled{opacity:.5}.authoring-status{font-size:13px;padding-top:18px;color:var(--emerald);line-height:1.9}.authoring-status.is-error{color:#994e3c}#saved-entry-link{font-size:12px;color:var(--emerald);text-decoration:underline;text-underline-offset:4px}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.access-card{padding:28px;background:var(--wash);border:1px solid var(--line)}.access-card .eyebrow{font-size:9px;letter-spacing:1px}.access-card h2,.api-documentation h2{font:25px/1.7 var(--serif);margin:13px 0}.access-card p,.api-documentation p,.api-documentation li{font-size:13px;color:#6d7a70;line-height:1.95}.access-card a{font-size:12px;color:var(--emerald);display:block;min-height:30px}.api-documentation{max-width:790px;margin:45px 0}.api-documentation h2{margin-top:40px;font-size:23px}.api-documentation pre{max-width:100%;overflow:auto;background:var(--wash);border:1px solid var(--line);padding:20px;font-size:12px;line-height:1.9}.api-documentation code{overflow-wrap:anywhere;font-family:Consolas,"Courier New",monospace}.api-documentation ul{padding-left:20px}.api-documentation .availability-note{margin-top:30px}.authoring-area{overflow-wrap:anywhere}
@media(max-width:760px){.authoring-area label small{display:block;margin:3px 0 0}.authoring-area input[type=text],.authoring-area input[type=password],.authoring-area textarea{font-size:16px;padding:10px 12px}.availability-note{padding:16px;margin-bottom:23px;font-size:11px}.editing-controls>div{gap:8px}.editing-controls button{padding:0 10px;font-size:11px}.public-choice{padding:14px}.authoring-buttons{gap:18px}.authoring-buttons button{font-size:11px}.authoring-buttons button[type=submit]{padding:8px 18px}.access-grid{grid-template-columns:1fr;gap:16px}.access-card{padding:23px}.access-card h2{font-size:23px}.api-documentation pre{font-size:11px;padding:15px}.site-footer>div{gap:12px}.site-footer{flex-wrap:wrap}.site-header nav{flex-wrap:wrap;justify-content:flex-end;row-gap:5px;max-width:75%}}

.connection-steps { display: grid; gap: 20px; margin-bottom: 28px; }
.connection-card, .subscription-card { min-width: 0; border: 1px solid var(--line); border-radius: 12px; padding: 26px; background: var(--surface); }
.connection-card h2 { margin: 9px 0 14px; font-size: 21px; font-weight: 600; }
.connection-card p, .subscription-card li { color: var(--muted); font-size: 14px; line-height: 1.9; }
.step-number { font: 11px/1.5 Consolas, var(--sans); color: var(--emerald); }
.connection-code { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--wash); }
.connection-code code { min-width: 0; font: 13px/1.8 Consolas, monospace; overflow-wrap: anywhere; }
.connection-code button, .connection-actions button, .scenario-card button { min-height: 44px; padding: 8px 15px; border: 1px solid var(--line-strong); border-radius: 7px; color: var(--emerald); font-size: 12px; }
.connection-code button:hover, .connection-actions button:hover, .scenario-card button:hover { background: var(--nav-hover); }
.connection-steps .availability-note { margin: 0; }
.scenario-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.scenario-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 18px; border: 1px solid var(--line); border-radius: 8px; }
.scenario-card h3 { margin: 0; font-size: 15px; }
.scenario-card p { font-size: 13px; }
.scenario-card button { margin-top: auto; }
.subscription-card { max-width: 850px; }
.subscription-card ol { margin: 0 0 24px; padding-left: 22px; }
.subscription-card label { display: block; margin-bottom: 10px; font-size: 13px; }
.subscription-address { width: 100%; min-width: 0; padding: 14px; border: 1px solid var(--line-strong); border-radius: 7px; font: 14px/1.7 Consolas, monospace; }
.connection-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 14px; }
.connection-actions a { min-height: 44px; display: inline-flex; align-items: center; font-size: 12px; color: var(--emerald); }
@media (max-width: 1100px) { .scenario-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .connection-card, .subscription-card { padding: 20px; }
  .connection-card h2 { font-size: 20px; }
  .connection-code { padding: 12px; }
  .subscription-address { font-size: 16px; }
}

.publish-heading { max-width: 760px; padding-top: 36px; padding-bottom: 24px; }
.authoring-compose { padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.authoring-compose > label:first-child { margin-top: 0; }
.authoring-compose textarea { min-height: 250px; border-radius: 8px; }
.compose-meta { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; color: var(--muted); font-size: 11px; }
.authoring-compose .authoring-credential label small { display: inline; margin-left: 8px; }
.authoring-compose .public-choice { padding: 12px; margin: 18px 0 0; border-radius: 7px; }
.authoring-compose .public-choice small { margin-top: 2px!important; }
#authoring-options { margin-top: 16px; border-top: 1px solid var(--line); }
#authoring-options summary, .authoring-help summary { min-height: 44px; padding: 12px 0; font-size: 12px; cursor: pointer; }
#authoring-options summary span { margin-left: 8px; color: var(--muted); font-size: 11px; }
.authoring-compose .authoring-buttons { margin-top: 12px; }
.authoring-buttons button { min-height: 44px; }
.authoring-status { padding-top: 0; margin: 16px 0 8px; }
.authoring-help { margin-top: 18px; color: var(--muted); }
.authoring-help p { margin: 4px 0 12px; font-size: 12px; line-height: 1.9; }
.publish-confirmation { width: min(680px, calc(100vw - 40px)); max-height: calc(100dvh - 48px); padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); }
.publish-confirmation::backdrop { background: #07111699; }
.publish-confirmation h2 { margin: 8px 0 12px; font-size: 24px; }
.publish-confirmation > p { font-size: 13px; color: var(--muted); }
.publish-confirmation .eyebrow { color: var(--emerald); }
#confirmation-meta { overflow-wrap: anywhere; }
#confirmation-text { max-height: 45dvh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 18px; border-radius: 8px; background: var(--wash); font: 14px/1.9 var(--sans); }
#confirm-public { padding: 8px 18px; border-radius: 7px; background: var(--emerald); color: var(--on-accent); }
@media (max-width: 760px) {
  .authoring-compose { padding: 18px; }
  .publish-heading { padding-top: 26px; }
  .publish-confirmation { padding: 20px; }
}