/* ===== CBC app chrome. The lesson plan paper (see marked block below) is untouched. ===== */
.cbc-app,.cbc-app *{box-sizing:border-box}
.cbc-app{--cbc-accent:#1d3f72;--cbc-accent2:#2b5aa0;--cbc-ink:#1f2733;--cbc-line:#d6dbe2;--cbc-soft:#eceff3;
  --cbc-chalk:#f0b429;--cbc-ok:#2e6b45;--cbc-mute:#5d6877;
  --cbc-serif:Charter,"Bitstream Charter","Sitka Text",Cambria,"Iowan Old Style",Georgia,serif;
  --cbc-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  position:relative;width:100%;max-width:1080px;margin:0 auto;padding:12px 0 28px;font-family:var(--cbc-sans);font-size:1em;line-height:1.5;color:inherit;color-scheme:light}
.cbc-app h2,.cbc-app h3,.cbc-app h4,.cbc-app h5,.cbc-app p,.cbc-app ul{font-family:inherit;color:inherit;margin:0;padding:0;letter-spacing:normal;text-transform:none}
.cbc-app p{margin:0 0 8px}
.cbc-app [hidden]{display:none!important}
.cbc-app a{color:var(--cbc-accent)}
.cbc-app :focus-visible{outline:3px solid var(--cbc-chalk);outline-offset:2px}
html.cbc-locked,html.cbc-locked body{overflow:hidden!important}

/* ===== full-screen app shell: hides the theme header and footer completely ===== */
body.cbc-page{overflow:hidden!important}
.cbc-app.cbc-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;width:auto;max-width:none;margin:0;padding:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--cbc-soft)}

/* dashboard: sidebar + content */
.cbc-dash.cbc-full{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.cbc-mbar,.cbc-backdrop{display:none}
.cbc-side{display:flex;flex-direction:column;gap:18px;height:100%;min-height:0;overflow-y:auto;padding:22px 16px 16px;background:#fff;color:var(--cbc-ink);border-right:1px solid var(--cbc-line)}
.cbc-sbrand,.cbc-brand{font-family:var(--cbc-serif);font-weight:700;font-size:1.25em;color:var(--cbc-accent);letter-spacing:.01em}
.cbc-sbrand{padding:0 8px}
.cbc-who{display:flex;gap:10px;align-items:center;padding:0 8px 16px;border-bottom:1px solid var(--cbc-line)}
.cbc-whotxt{min-width:0}
.cbc-whotxt strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cbc-whotxt span{display:block;font-size:.8em;color:var(--cbc-mute)}
.cbc-avatar{width:36px;height:36px;border-radius:4px;background:var(--cbc-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--cbc-serif);font-weight:700;flex:0 0 36px}
.cbc-snav{display:flex;flex-direction:column;gap:2px}
.cbc-app .cbc-snav a,.cbc-app .cbc-slogout{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 13px;border-left:3px solid transparent;border-radius:0 4px 4px 0;color:#37414f!important;text-decoration:none!important;font-weight:500}
.cbc-app .cbc-snav a:hover,.cbc-app .cbc-slogout:hover{background:#f1f3f6}
.cbc-app .cbc-snav a.on{background:#eef2f8;border-left-color:var(--cbc-chalk);color:var(--cbc-accent)!important;font-weight:700}
.cbc-slogout{margin-top:auto}
.cbc-app .cbc-slogout{border-top:1px solid var(--cbc-line);border-radius:0;padding-top:14px;color:var(--cbc-mute)!important}
.cbc-dash .cbc-main{min-width:0;height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:26px 32px 48px;background:var(--cbc-soft);color:var(--cbc-ink);border:0;border-radius:0}
.cbc-head2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.cbc-head2 h2{font-family:var(--cbc-serif);font-size:1.7em;line-height:1.2;font-weight:700;color:var(--cbc-accent)}
.cbc-chip{padding:3px 9px;border-radius:3px;background:#e4ebf5;color:var(--cbc-accent);font-size:.84em;font-weight:600;white-space:nowrap}
@media (max-width:860px){
  .cbc-dash.cbc-full{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .cbc-mbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fff;border-bottom:1px solid var(--cbc-line)}
  .cbc-burger{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--cbc-line);border-radius:4px;background:#fff;color:var(--cbc-ink);font:inherit;cursor:pointer}
  .cbc-side{position:fixed;top:0;bottom:0;left:0;z-index:6;width:min(290px,84vw);height:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:4px 0 0 rgba(29,39,51,.12)}
  .cbc-dash.cbc-menu-open .cbc-side{transform:none}
  .cbc-dash.cbc-menu-open .cbc-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(20,28,40,.5)}
  .cbc-dash .cbc-main{padding:18px 14px 40px}
  .cbc-head2 h2{font-size:1.45em}
}

/* auth: a sheet of ruled exercise-book paper with the box laid on it */
.cbc-authwrap.cbc-full{display:flex;padding:20px;background-color:#fbfcfe;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#cddbec 31px,#cddbec 32px)}
.cbc-authwrap.cbc-full::before{content:"";position:absolute;top:0;bottom:0;left:clamp(28px,7vw,88px);width:2px;background:#e29a93}
.cbc-authwrap .cbc-box{position:relative;margin:auto;max-width:480px}
.cbc-box{width:100%;padding:24px;border-radius:4px;background:#fff;color:var(--cbc-ink);border:1px solid #b9c3d0;box-shadow:5px 5px 0 rgba(29,63,114,.14)}
.cbc-box h3{font-family:var(--cbc-serif);font-size:1.25em;margin-bottom:10px}
.cbc-logo{font-family:var(--cbc-serif);font-weight:700;font-size:1.2em;margin-bottom:12px;color:var(--cbc-accent)}
.cbc-why{margin-top:18px;padding:12px 16px;border-left:3px solid var(--cbc-chalk);border-radius:0 4px 4px 0;background:#f1f4f9;color:#26324a}
.cbc-why h4{font-family:var(--cbc-serif);font-size:1.05em;margin:0 0 6px}
.cbc-why p{margin:0 0 6px;font-size:.93em}

/* cards, forms */
.cbc-card{padding:16px;border:1px solid var(--cbc-line);border-radius:6px;margin:10px 0;background:#fff;color:var(--cbc-ink)}
.cbc-card h4{font-family:var(--cbc-serif);font-size:1.12em;margin:0 0 6px}
.cbc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:14px}
.cbc-grid .cbc-card{margin:0}
.cbc-card.cbc-current{border-color:var(--cbc-accent);border-top:4px solid var(--cbc-chalk)}
.cbc-price{font-family:var(--cbc-serif);font-size:1.25em;font-weight:700;color:var(--cbc-accent)}
.cbc-sub{color:var(--cbc-mute);font-size:.86em}
.cbc-tag{display:inline-block;padding:2px 8px;border-radius:3px;background:#e4ebf5;color:var(--cbc-accent);font-size:.84em;font-weight:600}
.cbc-tag.bad{background:#fbe7e5;color:#9c2118}
.cbc-note{margin:10px 0;padding:10px 12px;border-left:3px solid var(--cbc-chalk);border-radius:0 4px 4px 0;background:#fdf4d8;color:#4f3d00;font-size:.92em}
.cbc-msg{margin:0 0 12px;padding:10px 12px;border-radius:4px;border-left:3px solid transparent;font-size:.92em}
.cbc-msg.ok{background:#e6f0e9;border-left-color:var(--cbc-ok);color:#1f4a31}
.cbc-msg.err{background:#fbe7e5;border-left-color:#b3261e;color:#8f1d15}
.cbc-quote{margin:6px 0;padding:8px 10px;border-left:3px solid var(--cbc-accent2);background:#f4f6f9;white-space:pre-wrap;font-size:.9em}
.cbc-code{display:inline-block;padding:2px 7px;border-radius:3px;background:#e9edf2;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;word-break:break-all}
.cbc-app label{display:block;margin:12px 0;font-size:.9em;font-weight:600;color:#38424f}
.cbc-app input[type=text],.cbc-app input[type=email],.cbc-app input[type=password],.cbc-app input[type=number],.cbc-app input[type=search],.cbc-app input[type=date],.cbc-app input[type=url],.cbc-app input[type=tel],.cbc-app input[type=file],.cbc-app select,.cbc-app textarea{display:block;width:100%;max-width:100%;margin:5px 0 0;padding:10px 11px;border:1px solid #aab4c1;border-radius:4px;font:inherit;font-size:16px;font-weight:400;color:var(--cbc-ink);background:#fff;box-shadow:none;height:auto}
.cbc-app input:focus,.cbc-app select:focus,.cbc-app textarea:focus{outline:2px solid var(--cbc-accent2);outline-offset:0;border-color:var(--cbc-accent2)}
.cbc-app input[disabled],.cbc-app input[readonly]{background:#eceff3;color:var(--cbc-mute)}
.cbc-app textarea{resize:vertical}
.cbc-app .cbc-chk{display:flex;gap:9px;align-items:center;margin:8px 0;font-weight:400;color:var(--cbc-ink)}
.cbc-app .cbc-chk input[type=checkbox]{width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:var(--cbc-accent)}
.cbc-app .cbc-chk input.n{width:80px;margin:0 0 0 auto}
.cbc-btn{display:inline-block;padding:10px 18px;border:1px solid #142f58;border-bottom-width:3px;border-radius:4px;background:var(--cbc-accent);color:#fff!important;font:inherit;font-weight:600;cursor:pointer;text-decoration:none!important;list-style:none;line-height:1.3;box-shadow:none}
.cbc-btn:hover{background:#17335f}
.cbc-btn:active{border-bottom-width:1px;transform:translateY(2px)}
.cbc-btn.cbc-alt{background:#fff;color:var(--cbc-accent)!important;border-color:var(--cbc-accent);border-bottom-width:1px}
.cbc-btn.cbc-alt:hover{background:#eef2f8}
.cbc-btn.cbc-alt:active{transform:none}
.cbc-btn.cbc-danger{background:#a8241b;border-color:#7d1912}
.cbc-btn:disabled{opacity:.55;cursor:default}
details>summary{cursor:pointer;list-style:none;display:inline-block}
details>summary::-webkit-details-marker{display:none}
details[open]>summary{margin-bottom:8px}
.cbc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.cbc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 14px}
.cbc-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0;border-bottom:1px solid var(--cbc-line)}
.cbc-tabs a{padding:8px 14px;margin-bottom:-1px;border-bottom:3px solid transparent;text-decoration:none;color:var(--cbc-mute)}
.cbc-tabs a:hover{color:var(--cbc-accent)}
.cbc-tabs a.on{border-bottom-color:var(--cbc-chalk);color:var(--cbc-accent);font-weight:700}
.cbc-search{display:flex;gap:8px;margin:8px 0}
.cbc-search input{flex:1}
.cbc-scroll{overflow-x:auto}
.cbc-table{border-collapse:collapse;width:100%;font-size:.88em;background:#fff}
.cbc-table th,.cbc-table td{border:1px solid var(--cbc-line);padding:7px 9px;text-align:left}
.cbc-table th{background:#f1f3f6;font-weight:600}
.cbc-hrow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cbc-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* wizard */
.cbc-progress{margin:8px 0 14px}
.cbc-bar{height:6px;border-radius:2px;background:#d6dbe2;overflow:hidden}
.cbc-bar span{display:block;height:100%;width:0;background:var(--cbc-accent);transition:width .25s}
.cbc-wizard .cbc-step{display:none;background:#fff;border:1px solid var(--cbc-line);border-radius:6px;padding:6px 18px 14px}
.cbc-wizard .cbc-step.on{display:block}
.cbc-step h5{font-family:var(--cbc-serif);font-size:1.2em;font-weight:700;color:var(--cbc-accent);margin:14px 0 4px}
.cbc-meth{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 14px}
.cbc-nav{display:flex;gap:8px;justify-content:space-between;margin:16px 0}

/* generating screen: replaces everything while the plan is built */
.cbc-gen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;padding:20px;background:#1d3f72;color:#fff;font-family:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;text-align:center}
.cbc-gen-in{max-width:420px;width:100%}
.cbc-pie{width:min(58vw,230px);height:auto;display:block;margin:0 auto 10px}
.cbc-pie .rim{fill:none;stroke:rgba(255,255,255,.4);stroke-width:2}
.cbc-pie .bg{fill:none;stroke:rgba(255,255,255,.14);stroke-width:50}
.cbc-pie .fg{fill:none;stroke:#f0b429;stroke-width:50;transition:stroke-dasharray .15s linear}
.cbc-pct{font-size:2.6rem;font-weight:700;line-height:1.1;margin-bottom:8px}
.cbc-gen-msg{font-size:1.15rem;min-height:3em;margin:0 0 6px;color:#fff}
.cbc-gen-sub{font-size:.85rem;opacity:.75;margin:0}

/* closed language: the administrator's message replaces the form */
.cbc-main.cbc-langclosed #cbc-planner,.cbc-main.cbc-langclosed .cbc-progress{display:none!important}
.cbc-langshut{border-left:4px solid #b3261e}
.cbc-langshut p{margin:0 0 10px}

/* continue with Google */
.cbc-or{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--cbc-mute);font-size:.88em}
.cbc-or::before,.cbc-or::after{content:"";flex:1;height:1px;background:var(--cbc-line)}
.cbc-app .cbc-gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:14px;padding:11px 16px;border:1px solid #aab4c1;border-bottom-width:2px;border-radius:4px;background:#fff;color:var(--cbc-ink);font-weight:600;text-decoration:none}
.cbc-app .cbc-gbtn:hover{background:#f1f3f6}
.cbc-app .cbc-gbtn:active{transform:translateY(1px)}

/* ===== LESSON PLAN PAPER: untouched, copied exactly from the working version ===== */
/* lesson plan: looks like the official paper template */
#cbc-result{margin-top:16px}
.cbc-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.cbc-paperwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cbc-paper{min-width:640px;max-width:860px;margin:0 auto;background:#fff;color:#000;padding:18px 20px;border:1px solid var(--cbc-line);font-family:"Times New Roman",Times,serif;font-size:13px;line-height:1.3}
.cbc-app .cbc-paper h2{text-align:center;font-family:inherit;font-size:15px;font-weight:700;margin:0 0 4px}
.cbc-app .cbc-paper p.pl{margin:0 0 6px;font-size:13px}
.cbc-paper table{border-collapse:collapse;width:100%;table-layout:fixed;margin:0}
.cbc-paper td,.cbc-paper th{border:1px solid #000;padding:3px 6px;vertical-align:top;text-align:left;font-size:13px;font-weight:400;background:transparent;color:#000;word-wrap:break-word;overflow-wrap:anywhere}
.cbc-paper th{background:#f2f2f2;font-weight:700}
.cbc-paper td.c,.cbc-paper th.c{text-align:center}
.cbc-paper .pi{margin-top:-1px}
.cbc-paper .pi tr.tall td{height:78px}
.cbc-paper .pi th,.cbc-paper .pi td{height:30px}
.cbc-paper .gap{height:10px}
.cbc-paper td.dsc{height:56px}
.cbc-paper td.lab{background:transparent}
.cbc-paper .mn{font-weight:400}
.cbc-paper ul{margin:2px 0 6px;padding-left:15px;list-style:disc}
.cbc-paper li{margin:0 0 2px;padding:0}
.cbc-app .cbc-paper p{margin:0 0 3px}
.cbc-app .cbc-paper p.stp{margin:5px 0 2px}
.cbc-paper .sm{font-size:11px}
.cbc-paper tr.self th,.cbc-paper tr.self td{height:70px}

/* password eye */
.cbc-pw{position:relative;display:block;margin-top:4px}
.cbc-app .cbc-pw input{margin:0;padding-right:46px}
.cbc-app .cbc-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:4px;background:transparent!important;color:var(--cbc-mute)!important;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none}
.cbc-app .cbc-eye:hover{color:var(--cbc-accent)!important}
.cbc-eye .slash{display:none}
.cbc-eye[aria-pressed=true] .slash{display:block}

/* one-time code: six squares */
.cbc-otpwrap{margin:10px 0}
.cbc-otplabel{display:block;font-size:.9em;font-weight:600;color:#38424f}
.cbc-otp{display:flex;gap:8px;margin-top:6px}
.cbc-app .cbc-otp .cbc-otp-i{flex:1 1 0;min-width:0;max-width:56px;width:auto;height:auto;aspect-ratio:1/1;margin:0;padding:0;text-align:center;font-family:var(--cbc-serif);font-size:1.5rem;font-weight:700;line-height:1;border:1.5px solid #aab4c1;border-radius:4px;background:#fff;color:var(--cbc-ink);caret-color:var(--cbc-accent)}
.cbc-app .cbc-otp .cbc-otp-i:focus{outline:2px solid var(--cbc-accent2);outline-offset:0;border-color:var(--cbc-accent2)}

/* language bar above the planner form */
.cbc-langbar{padding:10px 14px;border-left:4px solid var(--cbc-chalk)}
.cbc-langbar label{margin:0;font-weight:600;color:var(--cbc-ink)}

/* "action in progress" feedback */
.cbc-spin{display:inline-block;width:1em;height:1em;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;animation:cbcspin .7s linear infinite}
.cbc-spin.big{width:42px;height:42px;margin:0;border-width:4px;color:var(--cbc-accent)}
@keyframes cbcspin{to{transform:rotate(360deg)}}
.cbc-btn.cbc-busy{opacity:.88;cursor:progress;pointer-events:none}
.cbc-msg.info{background:#e7edf7;border-left-color:var(--cbc-accent2);color:var(--cbc-accent)}
.cbc-topbar{position:absolute;top:0;left:0;right:0;height:4px;z-index:40;overflow:hidden;background:rgba(240,180,41,.3)}
.cbc-topbar::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:var(--cbc-chalk);animation:cbcslide 1s ease-in-out infinite}
@keyframes cbcslide{0%{left:-40%}100%{left:100%}}
.cbc-navbusy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(236,239,243,.86);color:var(--cbc-ink);font-weight:600;text-align:center;padding:20px}
@media (prefers-reduced-motion:reduce){.cbc-spin,.cbc-topbar::after{animation-duration:2s}.cbc-btn:active{transform:none}}

/* sign-in page with a picture: form on one side, photo on the other (large screens only) */
.cbc-authpic{display:none}
@media (min-width:900px){
  .cbc-authwrap.cbc-split{padding:0;background:#fff}
  .cbc-authwrap.cbc-split::before{display:none}
  .cbc-split .cbc-box{flex:0 0 min(520px,44vw);width:auto;max-width:none;margin:0;display:flex;flex-direction:column;padding:40px 48px;border:0;border-radius:0;box-shadow:none;overflow-y:auto}
  .cbc-split .cbc-box::before,.cbc-split .cbc-box::after{content:"";flex:1 1 0}
  .cbc-split .cbc-box>*{flex:0 0 auto}
  .cbc-split .cbc-authpic{display:block;flex:1 1 auto;min-width:0;background-color:#1d3f72;background-size:cover;background-position:center;background-repeat:no-repeat}
}

/* ===== sign-in / register / verify / reset ===== */
.cbc-authwrap .cbc-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:1.15em}
.cbc-authwrap .cbc-mark{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:4px;background:var(--cbc-accent);border-bottom:3px solid var(--cbc-chalk);color:#fff;font-family:var(--cbc-serif);font-weight:700;font-size:1.1rem;line-height:1}
.cbc-authwrap .cbc-authmain{width:100%}
.cbc-authwrap .cbc-form{display:block}
.cbc-authwrap .cbc-fhead{margin:0 0 14px}
.cbc-authwrap .cbc-box h3{font-size:1.55em;font-weight:700;line-height:1.2;margin:0 0 4px;color:var(--cbc-ink)}
.cbc-authwrap .cbc-lead{margin:0;color:var(--cbc-mute);font-size:.93em;line-height:1.45}
.cbc-authwrap .cbc-lead strong{color:var(--cbc-ink);word-break:break-all}
.cbc-authwrap .cbc-msg{margin:0 0 14px;line-height:1.4}
.cbc-authwrap .cbc-form label{margin:14px 0 0;font-size:.88em;font-weight:600;color:#38424f}
.cbc-authwrap .cbc-form input[type=text],.cbc-authwrap .cbc-form input[type=email],.cbc-authwrap .cbc-form input[type=password]{margin-top:6px;padding:12px 13px;border:1px solid #aab4c1;border-radius:4px;font-weight:400;background:#fff}
.cbc-authwrap .cbc-pw input{padding-right:50px}
.cbc-authwrap .cbc-forgot{margin:8px 0 0;text-align:right;font-size:.88em}
.cbc-authwrap .cbc-form .cbc-btn{display:block;width:100%;margin-top:20px;padding:12px 16px;font-size:1rem;text-align:center}
.cbc-authwrap .cbc-form .cbc-btn.cbc-busy{display:flex;align-items:center;justify-content:center}
.cbc-authwrap .cbc-links{margin:16px 0 0;text-align:center;color:var(--cbc-mute);font-size:.9em}
.cbc-authwrap .cbc-links a,.cbc-authwrap .cbc-forgot a{font-weight:600}
.cbc-authwrap .cbc-links a:hover,.cbc-authwrap .cbc-forgot a:hover{text-decoration:none;background:#fdf4d8}
.cbc-authwrap .cbc-emailchip{margin:0 0 4px;padding:10px 14px;border-radius:4px;background:var(--cbc-soft);border:1px dashed #aab4c1;font-weight:600;color:var(--cbc-ink);text-align:center;word-break:break-all}
.cbc-authwrap .cbc-otpwrap{margin:16px 0 0}
.cbc-authwrap .cbc-otp{gap:10px;margin-top:8px}
.cbc-authwrap .cbc-otp .cbc-otp-i{max-width:60px}
.cbc-app .cbc-back{display:inline-flex;align-items:center;gap:2px;margin:0 0 12px -8px;padding:6px 12px 6px 6px;border:0!important;border-radius:4px;background:transparent!important;color:var(--cbc-mute)!important;font:inherit;font-size:.92em;font-weight:600;line-height:1.2;box-shadow:none!important;cursor:pointer;appearance:none;-webkit-appearance:none;text-transform:none;letter-spacing:normal}
.cbc-app .cbc-back:hover,.cbc-app .cbc-back:focus-visible{background:#eef2f8!important;color:var(--cbc-accent)!important}
.cbc-authwrap .cbc-why{margin-top:20px}

/* tablets and computers: the sheet sits a little roomier */
@media (min-width:601px){
  .cbc-authwrap:not(.cbc-split) .cbc-box{padding:32px 36px}
}

/* phones: the sign-in screen fills the whole screen, plain white */
@media (max-width:600px){
  .cbc-app.cbc-authwrap.cbc-full{display:flex;padding:0;background:#fff}
  .cbc-app.cbc-authwrap.cbc-full::before{display:none}
  .cbc-app.cbc-authwrap.cbc-full .cbc-box{flex:1 1 auto;display:flex;flex-direction:column;width:100%;max-width:none;min-height:100%;margin:0;padding:calc(16px + env(safe-area-inset-top,0px)) 22px calc(28px + env(safe-area-inset-bottom,0px));border:0;border-top:4px solid var(--cbc-chalk);border-radius:0;box-shadow:none;background:#fff}
  .cbc-authwrap .cbc-logo{margin-bottom:8px}
  .cbc-authwrap .cbc-authmain{margin:auto 0;padding:10px 0 6px}
  .cbc-authwrap .cbc-box h3{font-size:1.65em}
  .cbc-authwrap .cbc-otp{gap:8px}
  .cbc-authwrap .cbc-why{margin-top:22px}
}

/* 0.8.0: welcome message, account deletion, public sign-in page text */
.cbc-welcome{position:relative;margin:0 0 18px;padding:16px 44px 14px 18px;border:1px solid var(--cbc-line);border-left:5px solid var(--cbc-chalk);border-radius:4px;background:#fff;color:var(--cbc-ink)}
.cbc-welcome h3{font-family:var(--cbc-serif);font-size:1.2em;margin:0 0 6px;color:var(--cbc-accent)}
.cbc-welcome p{margin:6px 0}
.cbc-welcome .cbc-actions{margin-top:10px}
.cbc-x{position:absolute;top:6px;right:8px;width:34px;height:34px;border:0;border-radius:4px;background:transparent;color:var(--cbc-mute);font-size:1.6em;line-height:1;cursor:pointer}
.cbc-x:hover{background:var(--cbc-soft);color:var(--cbc-ink)}
.cbc-delcard{border-top:4px solid #a8241b}
.cbc-delpanel,.cbc-delstep2{margin-top:12px}
.cbc-delpanel[hidden],.cbc-delstep2[hidden],.cbc-dlfix[hidden]{display:none}
.cbc-deldet{margin-top:10px}
.cbc-deldet summary{display:inline-block;list-style:none;cursor:pointer}
.cbc-deldet summary::-webkit-details-marker{display:none}
.cbc-deldet form{margin-top:10px}
.cbc-dlfix{margin:10px 0}
.cbc-dlfix .cbc-btn{max-width:100%;white-space:normal;text-align:center;word-break:break-word}
.cbc-app .cbc-tagline{margin:0 0 14px;font-family:var(--cbc-sans);font-size:.98em;line-height:1.4;font-weight:600;color:var(--cbc-mute)}
.cbc-about{margin-top:24px;padding-top:16px;border-top:1px solid var(--cbc-line);color:var(--cbc-ink)}
.cbc-about h2{font-family:var(--cbc-serif);font-size:1.1em;line-height:1.3;margin:0 0 8px;color:var(--cbc-accent)}
.cbc-about h2:not(:first-child){margin-top:18px}
.cbc-about p{margin:0 0 8px;font-size:.95em}
.cbc-about ul{margin:8px 0 0 18px;padding:0;font-size:.95em}
.cbc-about li{margin:3px 0}
.cbc-about details{margin:8px 0;padding:8px 12px;border:1px solid var(--cbc-line);border-radius:6px;background:#fff}
.cbc-about summary{cursor:pointer;font-weight:600}
.cbc-about details p{margin:8px 0 2px}