/* Toss-style layer for the admin page (/) and everything under it.
   Same look as /26b/ (see 26b/toss.css): white page, Pretendard, a big
   left-aligned headline under a blue label, borderless list rows that turn
   grey on hover, grey-filled inputs and soft blue buttons.
   Link it AFTER each page's own <style> -- it only overrides. Every page
   already names its colours --ink/--line/--navy/--teal..., so remapping those
   tokens does most of the work; the rest is per element below.
   Body classes pick the page width / extra rules:
     ta-hub      admin, work, help, survey card lists (760px, work: ta-wide)
     ta-wide     1120px column           ta-full   1440px column (cyber tool)
     ta-create   survey builder          ta-archive  design archive hub
     ta-vibe     vibe-coding glossary    ta-login  editor login */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

:root{
  --ink:#191F28;
  --ink-soft:#4E5968;
  --ink-faint:#8B95A1;
  --muted:#6B7684;
  --line:#E5E8EB;
  --paper:#FFFFFF;
  --card:#FFFFFF;
  --grey-50:#F9FAFB;
  --grey-100:#F2F4F6;
  --grey-200:#E5E8EB;
  --navy:#3182F6;
  --navy-deep:#1B64DA;
  --teal:#3182F6;
  --teal-soft:#E8F3FF;
  --accent:#3182F6;
  --accent-dark:#1B64DA;
  --soft:#E8F3FF;
  --soft-hover:#D6E8FF;
  --radius:16px;
  --page-w:760px;
  --gutter:20px;
}
body.ta-wide{--page-w:1120px;}
body.ta-full{--page-w:1440px;}

html body{
  background:#fff;color:var(--ink);
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;
  letter-spacing:-.01em;
}
button,input,select,textarea{font-family:inherit;}

/* ---------- header: white, label + big headline, aligned with .wrap ---------- */
header:not(.topbar,.hero){
  background:#fff;color:var(--ink);text-align:left;overflow:visible;
  padding:64px max(var(--gutter),calc((100% - var(--page-w)) / 2 + var(--gutter))) 12px;
  word-break:keep-all;
}
header:not(.topbar,.hero)::before,header:not(.topbar,.hero)::after{display:none;}
header:not(.topbar,.hero) .header-inner{max-width:none;margin:0;}
header:not(.topbar,.hero) .eyebrow{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:fit-content;
  padding:0;margin:0 0 10px;border:none;border-radius:0;background:none;
  color:var(--accent);font-size:15px;font-weight:700;letter-spacing:-.01em;text-transform:none;
}
header:not(.topbar,.hero) .eyebrow svg{width:17px;height:17px;color:var(--accent);}
header:not(.topbar,.hero) .eyebrow a{color:var(--accent);text-decoration:none;}
header:not(.topbar,.hero) .eyebrow a:hover{text-decoration:underline;text-underline-offset:3px;}
header:not(.topbar,.hero) a.eyebrow:hover{text-decoration:underline;text-underline-offset:3px;}
/* survey hub: label on the left, a grey "설문 만들기" button on the right */
header:not(.topbar,.hero) .header-inner:has(> a.eyebrow){display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;}
header:not(.topbar,.hero) .header-inner:has(> a.eyebrow) > :not(.eyebrow){flex:0 0 100%;}
header:not(.topbar,.hero) .header-inner > a.eyebrow{margin-left:auto;padding:8px 14px;border-radius:10px;background:var(--grey-100);color:var(--ink);font-size:14px;font-weight:600;}
header:not(.topbar,.hero) .header-inner > a.eyebrow:hover{background:var(--grey-200);text-decoration:none;}
header:not(.topbar,.hero) h1{
  margin:0;color:var(--ink);font-size:clamp(28px,4.2vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.35;
}
header:not(.topbar,.hero) p{margin:8px 0 0;max-width:none;color:var(--ink-soft);font-size:17px;font-weight:500;line-height:1.6;}

.wrap{max-width:var(--page-w);padding-left:var(--gutter);padding-right:var(--gutter);}

footer.copyright,body > footer{color:#B0B8C1;}
footer.copyright .copyright-link,body > footer a{color:#B0B8C1;}
footer.copyright .copyright-link:hover{color:var(--ink-soft);}

/* ---------- lock screens (admin/work/help/survey shells, editor login) ---------- */
.lock-screen{background:#fff;}
.lock-card{border:none;box-shadow:none;padding:24px 4px;max-width:380px;text-align:left;}
.lock-icon{
  width:56px;height:56px;margin:0 0 20px;border-radius:50%;background:var(--grey-100);
  display:grid;place-items:center;font-size:26px;
}
.lock-title{font-size:26px;font-weight:700;letter-spacing:-.03em;margin:0 0 6px;}
.lock-sub{font-size:16px;color:var(--ink-soft);margin:0 0 28px;}
#lock-form{gap:12px;}
#lock-input,.lock-card input[type=password]{
  height:56px;padding:0 18px;border:none;border-radius:14px;background:var(--grey-100);
  font-size:17px;color:var(--ink);transition:box-shadow .15s ease,background .15s ease;
}
#lock-input::placeholder,.lock-card input[type=password]::placeholder{color:var(--ink-faint);}
#lock-input:focus,.lock-card input[type=password]:focus{outline:none;background:#fff;box-shadow:0 0 0 2px var(--accent);}
#lock-form button,.lock-card button[type=submit]{
  height:56px;padding:0 18px;border:none;border-radius:14px;
  background:var(--soft);color:var(--accent-dark);font-size:17px;font-weight:700;
  transition:background .15s ease,transform .1s ease;
}
#lock-form button:hover,.lock-card button[type=submit]:hover{background:var(--soft-hover);}
#lock-form button:active,.lock-card button[type=submit]:active{transform:scale(.98);}
.remember{justify-content:flex-start;font-size:14px;color:var(--ink-soft);margin:2px 0 6px;}
.remember input{accent-color:var(--accent);width:18px;height:18px;}
.lock-error{color:#F04452;font-size:14px;}

/* ---------- hub lists (admin, work, help, survey) ---------- */
.ta-hub .wrap{padding-top:28px;}
.ta-hub .tool-grid{grid-template-columns:minmax(0,1fr);gap:4px;}
.ta-hub.ta-wide .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;}
@media(max-width:720px){.ta-hub.ta-wide .tool-grid{grid-template-columns:minmax(0,1fr);}}

.ta-hub .tool-card{
  gap:16px;min-height:72px;padding:14px 12px;overflow:visible;
  background:transparent;border:none;border-radius:16px;box-shadow:none;
  transition:background .2s ease,transform .12s ease;
}
.ta-hub .tool-card::before{display:none;}
.ta-hub .tool-card:hover{background:var(--grey-50);border:none;box-shadow:none;transform:none;}
.ta-hub .tool-card:active{transform:scale(.985);}
.ta-hub .tool-card:has(.tc-settings[open]){background:var(--grey-50);}
/* a whole-card link gets a chevron on the right */
.ta-hub a.tool-card::after,.ta-hub .tool-card > .tc-main:only-child::after{
  content:'';flex:0 0 20px;width:20px;height:20px;margin-left:auto;background:#B0B8C1;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ta-hub .tool-card:has(.tc-main){padding:0;gap:4px;}
.ta-hub .tc-main{gap:16px;padding:14px 4px 14px 12px;border-radius:16px;}
.ta-hub .tc-icon{
  flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--grey-100);
  font-size:20px;transition:background .2s ease;
}
.ta-hub .tool-card:hover .tc-icon{background:var(--grey-200);}
.ta-hub .tc-icon svg{width:22px;height:22px;color:var(--accent);}
.ta-hub .tc-icon svg[stroke]{stroke:var(--accent);}
.ta-hub .tool-card > .tc-main:only-child{padding-right:12px;}
.ta-hub .tc-title{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--ink);}
.ta-hub .tc-code{color:var(--ink-faint);font-weight:500;}
.ta-hub .tc-closed-badge{
  display:inline-block;width:fit-content;margin-top:4px;padding:2px 8px;border-radius:6px;
  background:#FFEEEE;color:#F04452;font-size:12px;font-weight:600;
}
.ta-hub .tc-closed-badge[hidden]{display:none;}

.ta-hub .wk-section{margin:36px 0 6px;padding:0 12px;font-size:15px;font-weight:600;color:var(--ink-faint);}
.ta-hub .wk-section:first-child{margin-top:4px;}

/* small round action buttons inside a row */
.ta-hub .tc-dl,.ta-hub .tc-qr:not(.tc-settings-menu .tc-qr),.ta-hub .tc-settings-toggle{
  width:40px;height:40px;flex:0 0 40px;margin-right:12px;border:none;border-radius:12px;
  background:transparent;color:var(--ink-faint);transition:background .15s ease,color .15s ease;
}
.ta-hub .tc-dl:hover,.ta-hub .tc-dl:focus-visible,
.ta-hub .tc-qr:not(.tc-settings-menu .tc-qr):hover,
.ta-hub .tc-settings-toggle:hover,.ta-hub .tc-settings-toggle:focus-visible,
.ta-hub .tc-settings[open] .tc-settings-toggle{background:var(--grey-200);color:var(--ink);border:none;}
.ta-hub .tc-settings{flex:0 0 40px;margin-right:12px;}
.ta-hub .tc-settings .tc-settings-toggle{margin-right:0;}

/* survey settings popover */
.ta-hub .tc-settings-menu{
  top:calc(100% + 6px);padding:8px;border:none;border-radius:18px;
  box-shadow:0 2px 6px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.12);
}
.ta-hub .tc-qr,.ta-hub .tc-urlfile,.ta-hub .tc-response,.ta-hub .tc-status{
  min-height:46px;padding:10px 12px;border-radius:12px;font-size:15px;font-weight:500;color:var(--ink);
}
.ta-hub .tc-settings-menu .tc-qr svg,.ta-hub .tc-urlfile svg,.ta-hub .tc-response svg{color:var(--ink-faint);}
.ta-hub .tc-settings-menu .tc-qr:hover,.ta-hub .tc-urlfile:hover,.ta-hub .tc-response:hover,.ta-hub .tc-status:hover,
.ta-hub .tc-settings-menu .tc-qr:focus-visible,.ta-hub .tc-urlfile:focus-visible,.ta-hub .tc-response:focus-visible{background:var(--grey-50);color:var(--ink);}
.ta-hub .tc-switch-track{background:var(--grey-200);}
.ta-hub .tc-status-input:checked+.tc-switch-track{background:var(--accent);}
.ta-hub .tc-deadline{margin-top:4px;padding:10px 12px 12px;border-top:1px solid var(--grey-100);color:var(--ink-faint);font-size:13px;}
.ta-hub .tc-deadline input{height:44px;border:none;border-radius:10px;background:var(--grey-100);font-size:15px;}
.ta-hub .tc-deadline input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent);background:#fff;}
.ta-hub .tc-main:focus-visible,.ta-hub .tc-dl:focus-visible,.ta-hub .tc-qr:focus-visible,.ta-hub .tc-settings-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

.ta-hub .survey-cards-message{margin:0 12px 12px;font-size:14px;color:var(--ink-soft);}
.ta-hub .survey-cards-message button{padding:6px 12px;border:none;border-radius:8px;background:var(--grey-100);color:var(--ink);font-weight:600;}

/* QR dialog */
.qr-dialog{padding:24px;border:none;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.18);}
.qr-dialog::backdrop{background:rgba(0,0,0,.4);}
.qr-dialog-label{color:var(--accent);font-size:13px;font-weight:600;}
.qr-dialog-title{font-size:19px;font-weight:700;letter-spacing:-.02em;}
.qr-close{width:36px;height:36px;flex-basis:36px;border:none;border-radius:50%;background:var(--grey-100);color:var(--ink-soft);}
.qr-close:hover{background:var(--grey-200);}
.qr-image{border:none;border-radius:16px;background:var(--grey-50);padding:14px;}
.qr-url{color:var(--ink-faint);font-size:13px;}

@media(max-width:720px){
  header:not(.topbar,.hero){padding-top:44px;}
  .ta-hub .tool-card{min-height:64px;gap:12px;padding:12px 8px;}
  .ta-hub .tool-card:has(.tc-main){padding:0;}
  .ta-hub .tc-main{gap:12px;padding:12px 2px 12px 8px;}
  .ta-hub .tc-icon{flex-basis:40px;width:40px;height:40px;}
  .ta-hub .tc-icon svg{width:20px;height:20px;}
  .ta-hub .tc-title{font-size:16px;}
  .ta-hub .tc-dl,.ta-hub .tc-settings-toggle{width:36px;height:36px;flex-basis:36px;margin-right:6px;border-radius:10px;}
  .ta-hub .tc-settings{flex-basis:36px;margin-right:6px;}
  .ta-hub .wk-section{padding:0 8px;}
}

/* ---------- survey builder (/survey/create/) ---------- */
.ta-create .topbar{height:64px;border-bottom:1px solid var(--grey-100);background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);}
.ta-create .brand{font-weight:700;}
.ta-create .brand-mark{border-radius:10px;background:var(--accent);}
.ta-create .top-title{border-left-color:var(--grey-200);color:var(--ink-faint);}
.ta-create .button{min-height:40px;padding:8px 16px;border:none;border-radius:10px;background:var(--grey-100);color:var(--ink);font-weight:600;transition:background .15s ease;}
.ta-create .button:hover{background:var(--grey-200);border:none;}
.ta-create .button.primary{background:var(--soft);color:var(--accent-dark);}
.ta-create .button.primary:hover{background:var(--soft-hover);}
.ta-create .button.quiet{background:transparent;}
.ta-create .button.quiet:hover{background:var(--grey-100);}
.ta-create .button.danger{color:#F04452;}
.ta-create .sidebar{border-right-color:var(--grey-100);}
.ta-create .side-head h2{color:var(--ink-faint);font-weight:600;}
.ta-create .icon-button{border:none;border-radius:10px;background:var(--grey-100);}
.ta-create .icon-button:hover{background:var(--grey-200);}
.ta-create .survey-list button{border-radius:12px;padding:12px;font-size:14px;}
.ta-create .survey-list button:hover{background:var(--grey-50);}
.ta-create .survey-list button[aria-current=true]{background:var(--soft);color:var(--accent-dark);font-weight:600;}
.ta-create .page-head h1{font-size:22px;font-weight:700;letter-spacing:-.02em;}
.ta-create .status-pill{border-radius:8px;background:var(--grey-100);color:var(--ink-soft);font-weight:600;}
.ta-create .status-pill.live{background:var(--soft);color:var(--accent-dark);}
.ta-create .view-tabs{gap:2px;width:fit-content;padding:3px;border:none;border-radius:12px;background:var(--grey-100);}
.ta-create .view-tabs button{padding:8px 16px;border:none;border-radius:9px;color:var(--ink-soft);font-size:14px;font-weight:600;}
.ta-create .view-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08);}
.ta-create .survey-meta,.ta-create .question-card,.ta-create .responses-head,.ta-create .response-item{border:none;border-radius:20px;background:var(--grey-50);}
.ta-create .survey-meta{border-top:none;padding:24px;}
.ta-create .question-card{border-left:none;transition:box-shadow .15s ease,background .15s ease;}
.ta-create .question-card:focus-within{background:#fff;box-shadow:0 0 0 2px var(--accent);}
.ta-create .survey-meta input,.ta-create .survey-meta textarea,.ta-create .question-prompt,.ta-create .choice-input{border-bottom-color:var(--grey-200);}
.ta-create .survey-meta input{font-weight:700;letter-spacing:-.02em;}
.ta-create .question-type,.ta-create .add-question select{border:none;border-radius:10px;background:var(--grey-100);}
.ta-create .question-foot{border-top-color:var(--grey-200);}
.ta-create .required-control input{accent-color:var(--accent);}
.ta-create .text-button{border-radius:8px;}
.ta-create .text-button:hover{background:var(--grey-100);}
.ta-create .response-answer{border-top-color:var(--grey-200);}
.ta-create .empty-state{border:none;border-radius:20px;background:var(--grey-50);color:var(--ink-faint);}
.ta-create .share-panel{border:none;border-radius:16px;background:var(--soft);}
.ta-create .share-panel label{color:var(--accent-dark);}
.ta-create .share-panel input{border:none;border-radius:10px;}
.ta-create .message.success{color:var(--accent-dark);}
.ta-create .login-screen{background:#fff;}
.ta-create .login-panel{border:none;box-shadow:none;padding:24px 4px;}
.ta-create .login-panel h1{font-size:26px;font-weight:700;letter-spacing:-.03em;}
.ta-create .login-panel p{font-size:16px;color:var(--ink-soft);}
.ta-create .login-panel label{font-size:14px;font-weight:600;color:var(--ink-soft);}
.ta-create .login-panel input{height:56px;border:none;border-radius:14px;background:var(--grey-100);padding:0 18px;font-size:17px;}
.ta-create .login-panel input:focus{outline:none;background:#fff;box-shadow:0 0 0 2px var(--accent);}
.ta-create .login-panel .button{height:56px;border-radius:14px;font-size:17px;}
.ta-create .dialog{border:none;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.18);}
.ta-create .dialog::backdrop{background:rgba(0,0,0,.4);}
.ta-create .dialog-head{border-bottom-color:var(--grey-100);}

/* ---------- design archive hub (/26b-archive/) ---------- */
.ta-archive .wrap{padding-top:28px;}
.ta-archive .note{border:none;border-radius:16px;background:var(--grey-50);color:var(--ink-soft);font-size:15px;}
.ta-archive .card{border:none;border-radius:20px;background:var(--grey-50);transition:background .2s ease,transform .12s ease;}
.ta-archive .card:hover{transform:none;box-shadow:none;background:var(--grey-100);}
.ta-archive .card:active{transform:scale(.985);}
.ta-archive .card.current{box-shadow:0 0 0 2px var(--accent);}
.ta-archive .card h2{font-size:18px;font-weight:700;}
.ta-archive .pv{border-bottom:none;margin:8px 8px 0;border-radius:14px;}
.ta-archive .badge{border:none;border-radius:6px;background:var(--grey-200);color:var(--ink-soft);font-weight:600;}
.ta-archive .badge.on{background:var(--soft);color:var(--accent-dark);}
.ta-archive .tags span{background:#fff;color:var(--ink-soft);}
.ta-archive .meta{color:var(--ink-faint);}
.ta-archive .meta .go{color:var(--accent);font-weight:600;}

/* ---------- cyber security check tool ---------- */
.ta-full .wrap{padding-top:24px;}
.ta-full .panel{border:none;border-radius:20px;background:var(--grey-50);box-shadow:none;}
.ta-full .rail-step .num-badge{border:none;background:var(--grey-100);color:var(--ink-soft);font-family:inherit;font-weight:700;}
.ta-full .rail-step.active .num-badge{background:var(--soft);color:var(--accent-dark);}
.ta-full .rail-step .rail-line{background:var(--grey-200);}
.ta-full .rail-step .rail-body h2{font-size:20px;font-weight:700;letter-spacing:-.02em;}
.ta-full .rail-step .rail-body .rail-desc{font-size:15px;}
.ta-full .guide-panel{border:none;border-radius:20px;background:var(--grey-50);box-shadow:none;}
.ta-full .guide-toggle{padding:18px 22px;}
.ta-full .guide-toggle .gt-icon{background:#fff;}
.ta-full .guide-toggle .gt-title{font-weight:700;font-size:16px;}
.ta-full .guide-body{border-top-color:var(--grey-200);}
.ta-full .guide-step{border:none;border-radius:14px;background:#fff;}
.ta-full .guide-step .gs-num{font-family:inherit;color:var(--accent);}
.ta-full .guide-tip{border-radius:14px;background:var(--soft);}
.ta-full .guide-tip b{color:var(--accent-dark);}
.ta-full .dropzone{border:1.5px dashed #D1D6DB;border-radius:16px;background:#fff;}
.ta-full .dropzone:hover,.ta-full .dropzone.drag{border-color:var(--accent);background:var(--soft);}
.ta-full .file-item,.ta-full .stat-card,.ta-full .add-form-panel,.ta-full .roster-add{border:none;border-radius:14px;background:#fff;}
.ta-full .note-box{border:none;border-radius:12px;background:#fff;}
.ta-full .ok-box{border:none;border-radius:12px;background:var(--soft);color:var(--accent-dark);}
.ta-full .warn-box,.ta-full .err-box,.ta-full .unmatched-box,.ta-full .excluded-box{border:none;border-radius:12px;}
.ta-full .field select,.ta-full .field input[type=text]{font-family:inherit;}
.ta-full .field select,.ta-full .field input[type=text],.ta-full .search-row input[type=text],
.ta-full .roster-lock input,.ta-full .roster-add .field input,.ta-full .roster-filter,.ta-full .match-select{
  border:none;border-radius:12px;background:var(--grey-100);color:var(--ink);
}
.ta-full .panel .field select,.ta-full .panel .field input[type=text],.ta-full .panel .search-row input[type=text],
.ta-full .panel .roster-lock input,.ta-full .panel .roster-filter,.ta-full .panel .match-select{background:#fff;}
.ta-full .roster-add .field input{background:var(--grey-100);}
.ta-full .field select:focus,.ta-full .field input:focus,.ta-full .search-row input[type=text]:focus,
.ta-full .roster-lock input:focus,.ta-full .roster-add .field input:focus,.ta-full .roster-filter:focus,.ta-full .match-select:focus{outline:none;box-shadow:0 0 0 2px var(--accent);}
.ta-full .btn{border-radius:12px;background:var(--soft);color:var(--accent-dark);font-weight:700;}
.ta-full .btn:hover:not(:disabled){background:var(--soft-hover);}
.ta-full .btn.ghost{border:none;background:var(--grey-100);color:var(--ink);}
.ta-full .btn.ghost:hover:not(:disabled){background:var(--grey-200);}
.ta-full .btn.ghost.active{background:var(--ink);color:#fff;}
.ta-full .btn.ghost.active:hover{background:var(--ink);}
.ta-full .col-toggle{border:none;border-radius:10px;background:var(--grey-100);color:var(--ink-soft);}
.ta-full .col-toggle.on{background:var(--soft);color:var(--accent-dark);}
.ta-full .del-row-btn{border:none;border-radius:8px;background:#FFEEEE;color:#F04452;}
.ta-full .del-row-btn:hover{background:#FFE0E0;}
.ta-full .stat-card .val{color:var(--ink);font-weight:700;}
.ta-full .roster-list{border:none;border-radius:14px;background:#fff;}
.ta-full .roster-row{border-top-color:var(--grey-100);}
.ta-full .roster-row:hover,.ta-full tbody tr:hover{background:var(--grey-50);}
.ta-full .table-scroll{border-radius:14px;background:#fff;}
.ta-full th,.ta-full td{border-bottom-color:var(--grey-100);}
.ta-full thead th{background:#fff;color:var(--ink-faint);font-weight:600;border-bottom:1px solid var(--grey-200);}
.ta-full td.emph{color:var(--ink);font-weight:700;}
.ta-full .section-title{font-size:17px;font-weight:700;}
.ta-full .section-sub{font-size:14px;}
.ta-full .status-pill{border-radius:8px;font-weight:700;}

/* ---------- vibe-coding glossary (/help/vibe-coding-layout/) ---------- */
.ta-vibe .topnav{background:rgba(255,255,255,.92);border-bottom:1px solid var(--grey-100);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);}
.ta-vibe .topnav a{color:var(--ink-soft);font-size:14px;border-radius:10px;}
.ta-vibe .topnav a:hover,.ta-vibe .topnav a.active{background:var(--grey-100);color:var(--ink);}
.ta-vibe .topnav .brand{color:var(--ink);font-weight:700;}
.ta-vibe .hero{background:#fff;color:var(--ink);text-align:left;padding:56px var(--gutter) 24px;}
.ta-vibe .hero-inner{max-width:1160px;}
.ta-vibe .hero .eyebrow{padding:0;border:none;background:none;color:var(--accent);font-size:15px;}
.ta-vibe .hero .eyebrow a{color:var(--accent);}
.ta-vibe .hero h1{font-size:clamp(28px,4.2vw,36px);font-weight:700;letter-spacing:-.03em;}
.ta-vibe .hero p{margin:0;color:var(--ink-soft);font-size:17px;}
.ta-vibe .hero-stats{justify-content:flex-start;}
.ta-vibe .hero-stats a{border:none;border-radius:14px;background:var(--grey-100);color:var(--ink);}
.ta-vibe .hero-stats a:hover{background:var(--grey-200);transform:none;}
.ta-vibe .hero-stats b{font-weight:700;}
.ta-vibe .wrap{max-width:1200px;}
.ta-vibe .search-bar{margin:8px 0 0;max-width:560px;}
.ta-vibe .search-bar input{border:none;border-radius:14px;background:var(--grey-100);box-shadow:none;font-size:16px;}
.ta-vibe .search-bar input:focus{outline:none;background:#fff;box-shadow:0 0 0 2px var(--accent);}
.ta-vibe .search-bar svg{color:var(--ink-faint);}
.ta-vibe .sec-num{border-radius:50%;font-weight:700;}
.ta-vibe .sec-head h2{font-weight:700;letter-spacing:-.02em;}
.ta-vibe .lead{border:none;border-radius:16px;background:var(--grey-50);}
.ta-vibe .term{border:none;border-radius:20px;background:var(--grey-50);}
.ta-vibe .term:hover{transform:none;box-shadow:none;background:var(--grey-100);}
.ta-vibe .thumb{margin:8px 8px 0;border-radius:14px;}
.ta-vibe .term h3{font-weight:700;}
.ta-vibe .prompt{border:none;border-radius:12px;background:#fff;}
.ta-vibe .copy{border:none;border-radius:10px;background:var(--grey-100);}
.ta-vibe .copy:hover,.ta-vibe .copy:focus-visible{background:var(--soft);color:var(--accent-dark);}
.ta-vibe .copy.done{background:var(--soft);color:var(--accent-dark);}

/* ---------- editor login (/26b/editor-login.html) ---------- */
.ta-login{background:#fff;}
.ta-hub .wrap > p > a.copyright-link{display:inline-block;padding:10px 16px;border-radius:12px;background:var(--grey-100);color:var(--ink-soft);font-weight:600;text-decoration:none;}
.ta-hub .wrap > p > a.copyright-link:hover{background:var(--grey-200);color:var(--ink);}

/* ---------- 26b editor chrome (/26b/editor/) -- the preview iframe keeps 26b/toss.css ---------- */
html body.ta-editor{background:var(--grey-100);}
.ta-editor{--paper:#F2F4F6;--line:#E5E8EB;--accent-soft:#E8F3FF;--accent-hover:#1B64DA;}
.ta-editor .icon-btn,.ta-editor .btn{border:none;border-radius:10px;background:var(--grey-100);color:var(--ink);font-weight:600;}
.ta-editor .icon-btn:hover,.ta-editor .btn:hover{background:var(--grey-200);border:none;}
.ta-editor .btn-ghost{background:transparent;}
.ta-editor .btn-primary,.ta-editor .btn-publish{background:var(--soft);color:var(--accent-dark);}
.ta-editor .btn-primary:hover,.ta-editor .btn-publish:hover{background:var(--soft-hover);}
.ta-editor .btn-danger{color:#F04452;}
.ta-editor #topbar{border-bottom-color:var(--grey-100);box-shadow:none;}
.ta-editor #topbar .brand{font-weight:700;}
.ta-editor #sidebar{border-right-color:var(--grey-100);}
.ta-editor #sidebar .sidebar-head h2{font-size:14px;font-weight:700;}
.ta-editor .outline-item{border-radius:10px;padding:9px 8px;}
.ta-editor .outline-item:hover{background:var(--grey-50);}
.ta-editor .outline-item .otitle{font-size:13.5px;font-weight:500;}
.ta-editor .sidebar-foot{border-top-color:var(--grey-100);}
.ta-editor #main{background:var(--grey-100);}
.ta-editor #toolbar{border-bottom-color:var(--grey-100);}
.ta-editor #toolbar .grp{border-right-color:var(--grey-200);}
.ta-editor #toolbar button.fmt{border-radius:8px;}
.ta-editor #toolbar button.fmt:hover{background:var(--grey-100);}
.ta-editor #toolbar button.fmt.active{background:var(--soft);color:var(--accent-dark);}
.ta-editor #preview-frame{border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.06);}
.ta-editor #toast{background:var(--ink);}
.ta-editor #modal{border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.18);}
.ta-editor #modal .m-head{font-size:18px;font-weight:700;letter-spacing:-.02em;}
.ta-editor #modal input:not([type=checkbox]):not([type=radio]):not([type=file]),.ta-editor #modal textarea,.ta-editor #modal select{
  border:none;border-radius:10px;background:var(--grey-100);padding:10px 12px;font-size:14px;color:var(--ink);
}
.ta-editor #modal input:focus,.ta-editor #modal textarea:focus,.ta-editor #modal select:focus{outline:none;background:#fff;box-shadow:0 0 0 2px var(--accent);}