:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182230;background:#f5f7fc;line-height:1.7;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding-left:218px}a{color:#294579;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{min-height:44px;border:1px solid #bdc9df;border-radius:10px;padding:10px 17px;background:white;color:#294579;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;max-width:100%;overflow-wrap:anywhere}button.primary{background:#3b5ccc;border-color:#3b5ccc;color:white}button:disabled{background:#edf0f5;color:#626e80;border-color:#ccd3df;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2846b0;outline-offset:3px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:12px;z-index:5}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#1b2940;color:#fff;padding:32px 20px;display:flex;flex-direction:column;gap:32px;overflow:auto}.brand img{display:block;width:156px;max-width:100%;height:auto}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{padding:12px 14px;min-height:44px;color:#fff;text-decoration:none;border-radius:10px}.sidebar nav a[aria-current=page]{background:#354f7e;box-shadow:inset 3px 0 #9bb5f5}.sidebar small{margin-top:auto;color:#ced7ea}.sidebar a:focus-visible{outline-color:#b6c7ff}main{max-width:1250px;padding:40px 32px 70px;margin:auto;min-width:0}.hero{padding:25px 4px 40px}.eyebrow{font-size:13px;letter-spacing:.12em;color:#526076;font-weight:700}h1{font-size:clamp(28px,4vw,48px);line-height:1.35;margin:12px 0 22px;letter-spacing:-.04em}h2{font-size:23px;line-height:1.5;margin:0 0 14px}h3{font-size:19px;margin:8px 0}h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}.lead{font-size:18px;color:#47566f;line-height:1.9}.help,.label{font-size:14px;color:#526076}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.actions form{display:flex}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards article,section:not(.hero){background:#fff;border:1px solid #dce2ed;border-radius:16px;padding:24px;margin-bottom:24px}.cards article{margin:0;padding:20px}.cards p{margin-bottom:0}.notice{background:#eef2fc!important}label{display:block;font-weight:650;margin:15px 0 7px}input,select,textarea{max-width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px;min-height:44px;color:#182230;background:white}input,textarea{width:100%}textarea{resize:vertical;line-height:1.65}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.draft-list{padding:0;list-style:none;display:grid;gap:14px}.draft-list li{padding:18px;border:1px solid #dce2ed;border-radius:12px}.draft-list h3{font-size:18px;margin:0 0 8px}.draft-list p{white-space:pre-wrap;overflow-wrap:anywhere;color:#47566f}.draft-list .actions{margin-top:14px}footer{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:30px}footer a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}p,li{overflow-wrap:anywhere}.prose{max-width:80ch}.prose p{margin:14px 0}.prose h2{margin-top:30px}[hidden]{display:none!important}@media(max-width:900px){body{padding-left:0}.sidebar{position:static;width:auto;padding:20px 24px;gap:18px}.sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px}.sidebar nav a{padding:9px 10px}.sidebar small{display:none}main{padding:28px 20px 50px}.cards{grid-template-columns:1fr}}@media(max-width:480px){.sidebar{padding:16px}main{padding:22px 16px 45px}section:not(.hero){padding:20px 16px}.actions>*{flex:1 1 100%}.actions form button{width:100%}h1{font-size:30px}.lead{font-size:16px}.hero{padding-top:8px}.page-header{align-items:stretch}.page-header>button{width:100%}}
.sidebar nav a{display:flex;align-items:center;gap:8px;padding:12px 10px;font-size:14px;word-break:keep-all}.sidebar .nav-icon{width:20px;height:20px;flex:0 0 20px}

body[data-home] {
  padding-left: 0;
  background: #f7f9fd;
}
.home-header {
  background: #1b2940;
  color: #fff;
}
.home-shell {
  width: min(100% - 64px, 1120px);
  margin-inline: auto;
}
.home-header .home-shell {
  display: flex;
  min-height: 76px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.home-header nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.home-header nav a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: #fff;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
}
.home-header nav a:hover { background: #354f7e; }
.home-header a:focus-visible { outline-color: #b6c7ff; }
main.home-shell { padding: 0 0 48px; }
.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 6vw, 84px);
  padding: clamp(42px, 7vw, 96px) 0;
}
.home-hero h1 {
  font-size: clamp(35px, 5.3vw, 64px);
  line-height: 1.17;
  margin: 0 0 20px;
}
.home-hero .lead { max-width: 31ch; margin: 0 0 26px; }
.home-hero .help { max-width: 40ch; }
.home-preview {
  background: #fff;
  border: 1px solid #dce2ed;
  border-radius: 22px;
  padding: clamp(18px, 3vw, 30px);
  box-shadow: 0 14px 40px #233d6810;
}
.home-preview h2 { font-size: 17px; margin-bottom: 16px; }
.home-preview ul { padding: 0; margin: 0; list-style: none; }
.home-preview li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-block: 12px;
}
.home-preview li + li { border-top: 1px solid #e7ebf3; }
.home-preview li div span { display: block; color: #526076; font-size: 14px; }
.platform-icon {
  display: grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 12px;
}
.platform-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.platform-icon.youtube { color: #ac1b33; background: #fce9ec; }
.platform-icon.instagram { color: #912267; background: #f9e9f5; }
.platform-icon.threads { color: #263651; background: #e9eef7; }
.home-availability {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 32px;
  align-items: center;
}
.home-availability p { margin: 0; color: #47566f; }
.home-footer { border-top: 1px solid #dce2ed; padding-top: 14px; }
.workspace-channels .help { margin: 0 0 20px; }
.workspace-channels article { background: #f7f9fd; }
.workspace-channels h3 { display: flex; align-items: center; gap: 9px; margin: 0; }
.workspace-channels p { margin: 8px 0 16px; color: #47566f; }
.channel-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; }
.channel-dot.youtube { background: #ac1b33; }
.channel-dot.instagram { background: #912267; }
.channel-dot.threads { background: #263651; }
.connected-accounts { padding: 0; margin: 0; list-style: none; }
.connected-accounts li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 6px 12px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dce2ed;
  font-size: 14px;
}
.connected-accounts button { font-size: 13px; padding: 6px 10px; }
#channel-feedback:empty, #publication-feedback:empty, #publish-feedback:empty { display: none; }
#publish-dialog {
  width: min(560px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  border: 1px solid #dce2ed;
  border-radius: 18px;
  padding: clamp(18px, 4vw, 28px);
  color: #182230;
}
#publish-dialog::backdrop { background: #182230a0; }
#publish-draft-title { font-weight: 700; margin-bottom: 8px; }
.publication-preview {
  margin: 0 0 18px;
  border-radius: 10px;
  background: #f5f7fc;
  padding: 12px;
  max-height: 180px;
  overflow: auto;
  white-space: pre-wrap;
}
#publish-dialog select { width: 100%; }
.check-option { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.check-option input { width: 22px; min-height: 44px; flex: 0 0 22px; }
@media (max-width: 720px) {
  .home-shell { width: calc(100% - 32px); }
  .home-header .home-shell { flex-wrap: wrap; padding-block: 10px; }
  .home-header .brand img { width: 132px; }
  .home-header nav a { padding-inline: 8px; }
  .home-hero, .home-availability { grid-template-columns: 1fr; }
}