/* MSTC Smart Git — shared visual language with MSTC Smart. */
body[data-mstc-public="true"] {color:#17324d;background:#edf4fc;font-family:Inter,"Segoe UI",Arial,sans-serif}
body[data-mstc-public="true"] #navbar,body[data-mstc-public="true"] > .full.height > footer,body[data-mstc-public="true"] footer.page-footer {display:none!important}
body[data-mstc-public="true"] .full.height {background:radial-gradient(ellipse at 12% 24%,#d0e3ff88,transparent 48%),radial-gradient(ellipse at 92% 80%,#bbd8f86b,transparent 50%),linear-gradient(140deg,#f8fbff,#e2edf8);min-height:100vh}
.mstc-header {height:88px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0d3f77,#0a2f5e);box-shadow:0 8px 28px #0d3f7724;position:relative;z-index:2}
.mstc-brand {display:flex;align-items:center;gap:14px;color:#fff!important;font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.25}
.mstc-brand b {font-weight:750}.mstc-brand small {display:block;font-size:11px;font-weight:400;letter-spacing:1.2px;color:#ccdef2;margin-top:5px}
.mstc-logo {width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,#fff,#e5eefb);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff88}.mstc-logo img {object-fit:contain;border-radius:4px}
.mstc-header nav {display:flex;align-items:center;gap:28px}.mstc-header nav a {color:#e4efff;font-size:14px;font-weight:600}.mstc-header nav a:hover {color:white}.mstc-header .mstc-nav-login {border:1px solid #ffffff45;padding:11px 18px;border-radius:12px}.mstc-nav-login span {margin-left:12px}
.mstc-home {display:flex;flex-direction:column;min-height:calc(100vh - 88px);padding:0 24px!important}.mstc-home-content {text-align:center;max-width:780px;margin:0 auto;padding:32px 0 40px}.mstc-eyebrow {display:block;color:#3176b7;font-size:11px;font-weight:800;letter-spacing:2.7px;margin-bottom:18px}
.mstc-home h1 {font-family:inherit;font-size:clamp(42px,5.4vw,76px);line-height:1.12;letter-spacing:-3px;margin:0;color:#163c63;font-weight:750}.mstc-home h1 span {color:#176fcb}.mstc-home p {font-size:17px;line-height:1.8;color:#54708d;margin:24px 0 32px}.mstc-button {display:inline-flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(110deg,#176fcb,#125da9);border:1px solid #1468bb;color:#fff!important;border-radius:14px;padding:15px 24px;min-height:50px;font-family:inherit;font-size:14px;font-weight:650;box-shadow:0 8px 18px #176fcb22;cursor:pointer;text-decoration:none}.mstc-button:hover {background:#0f4f90;box-shadow:0 10px 24px #176fcb33}.mstc-button:focus-visible,.mstc-refresh:focus-visible,.mstc-modal a:focus-visible,.mstc-header a:focus-visible {outline:3px solid #60a5fa;outline-offset:4px}.mstc-home-rule {height:1px;width:48px;background:#adcae6;margin:44px auto 18px}.mstc-home-caption {color:#69819b;font-size:12px;letter-spacing:.5px}
.mstc-footer {text-align:center;color:#6d8299;font-size:11px;letter-spacing:.4px;padding:22px!important;background:transparent!important;display:block!important}.mstc-footer span {margin:0 9px;color:#9aafc5}
.mstc-login {display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 88px);padding:54px 20px 0!important}.mstc-card {width:min(100%,490px);padding:34px 38px 30px;border:1px solid #fff;border-radius:28px;background:linear-gradient(145deg,#ffffffed,#f8fbffe8);box-shadow:0 26px 60px #1d48761f;position:relative;margin:auto 0}.mstc-card .mstc-eyebrow {margin-bottom:12px}.mstc-card h1 {font-family:inherit;font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0;color:#173b60}.mstc-intro {color:#54708d;font-size:14px;margin:10px 0 28px}
.mstc-form {display:flex;flex-direction:column;text-align:left}.mstc-form label {color:#284964;font-size:12px;font-weight:650;margin:0 0 8px}.mstc-form input {font-family:inherit;width:100%;height:49px;border:1px solid #ccdcee;border-radius:13px;background:#f8fcff;color:#17324d;padding:12px 14px;outline:none;box-shadow:none;font-size:14px;margin:0 0 20px}.mstc-form input:focus {border-color:#539ae0;box-shadow:0 0 0 4px #2484d512}.mstc-form input::placeholder {color:#8194a8}.mstc-label-row {display:flex;justify-content:space-between;gap:12px}.mstc-label-row a {font-size:11px;color:#176fcb}.mstc-form .mstc-security-note {text-align:center;color:#6a8098;font-size:11px;line-height:1.7;margin:18px 8px 0}
.mstc-captcha-row {display:grid;grid-template-columns:1fr 1.25fr;gap:14px;align-items:end;margin-bottom:20px}.mstc-captcha-row label {display:block}.mstc-captcha-row input {margin:0;letter-spacing:2px}.mstc-uppercase {text-transform:uppercase}.mstc-captcha-shell {height:49px;display:flex;align-items:center;border:1px dashed #a9c5e3;border-radius:13px;overflow:hidden;background:#f0f7ff}.mstc-captcha-shell img {width:calc(100% - 31px);height:49px;object-fit:contain}.mstc-refresh {flex:0 0 31px;border:0;border-left:1px solid #d5e3f0;background:transparent;font-size:25px;color:#176fcb;height:100%;cursor:pointer}#captcha-status {color:#b04444;font-size:12px}#captcha-status:not(:empty) {margin-bottom:12px}
.mstc-modal-shade {position:fixed;inset:0;background:#08234070;backdrop-filter:blur(5px);z-index:1000}.mstc-modal {position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #ffffffd9;border-radius:26px;background:linear-gradient(145deg,#fff,#f4f9ff);padding:34px;color:#17324d;box-shadow:0 30px 90px #08234040;text-align:center;z-index:1001;font-family:Inter,"Segoe UI",Arial,sans-serif}.mstc-modal::backdrop {background:#08234070;backdrop-filter:blur(5px)}body.mstc-native-dialog .mstc-modal-shade {display:none}.mstc-modal-close {position:absolute;right:18px;top:14px;color:#63819e;font-size:25px;padding:4px;line-height:1}.mstc-modal-icon {display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#e5f0fc;color:#176fcb;font-size:26px;margin:0 auto 22px}.mstc-modal .mstc-eyebrow {font-size:10px;margin-bottom:10px}.mstc-modal h2 {font-family:inherit;color:#173b60;font-size:27px;letter-spacing:-.7px;margin:0 0 14px}.mstc-modal p {font-size:13px;line-height:1.7;color:#5d7790;margin:0 0 24px}.mstc-modal strong {color:#294f73;font-weight:600}.mstc-modal .mstc-otp {text-align:center;letter-spacing:13px;padding-left:25px;font-size:26px;font-weight:650;height:62px;margin-bottom:10px;background:white}.mstc-modal .mstc-code-expiry {font-size:11px;margin-bottom:22px;text-align:center}.mstc-resend {border-top:1px solid #dce7f2;margin-top:24px;padding-top:20px}.mstc-resend p {font-size:11px;margin-bottom:10px}.mstc-text-button {font:600 12px inherit;background:transparent;border:0;color:#176fcb;cursor:pointer;padding:6px}.mstc-recovery {text-align:left}.mstc-recovery .ui.top.attached.header,.mstc-recovery .ui.attached.segment {background:transparent;border:0;padding:12px 0}.mstc-recovery .ui.form input {border-radius:12px;background:white}.mstc-recovery .ui.primary.button {background:#176fcb;border-radius:12px}.mstc-modal .ui.message,.mstc-card .ui.message {font-size:12px;text-align:left;border-radius:12px}
@media(max-width:600px){.mstc-header {height:76px;padding:0 18px;gap:10px}.mstc-brand {font-size:17px;gap:10px}.mstc-logo {width:44px;height:44px;border-radius:13px}.mstc-logo img {width:33px;height:33px}.mstc-brand small {font-size:8px;letter-spacing:.7px}.mstc-header nav {gap:14px}.mstc-header nav a {font-size:12px}.mstc-header .mstc-nav-login {padding:9px 12px}.mstc-nav-login span {display:none}.mstc-home,.mstc-login {min-height:calc(100dvh - 76px)}.mstc-home h1 {letter-spacing:-1.8px}.mstc-home p {font-size:15px;max-width:280px;margin:22px auto 28px}.mstc-login {padding:28px 16px 0!important}.mstc-card {padding:28px 24px;border-radius:24px}.mstc-card h1 {font-size:28px}.mstc-modal {padding:30px 24px}.mstc-captcha-row {gap:10px}.mstc-home-content {padding:24px 0 32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.mstc-card h1.mstc-login-heading {text-align:center;font-size:24px;line-height:1.4;letter-spacing:-.5px;margin:0 0 30px}

/* Five steps, with the explanation on the reverse of each card. */
.mstc-home-content {width:100%;max-width:1320px}
.mstc-workflow {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;margin:0 0 48px;padding:0;text-align:left}
.mstc-workflow li {min-width:0}
.mstc-workflow-tile {display:block;width:100%;height:270px;padding:0;border:0;border-radius:26px;background:transparent;color:#17324d;font:inherit;text-align:left;perspective:1100px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mstc-workflow-tile:focus-visible {outline:3px solid #176fcb;outline-offset:6px}
.mstc-workflow-inner {display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.65,.25,1)}
.mstc-workflow-tile.is-flipped .mstc-workflow-inner {transform:rotateY(180deg)}
.mstc-workflow-face {position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #ffffffd9;border-radius:26px;background:linear-gradient(145deg,#fff,#edf5ff);box-shadow:0 18px 42px #1d487615;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mstc-workflow-back {transform:rotateY(180deg);background:linear-gradient(145deg,#fff,#e7f1ff)}
.mstc-workflow-number {display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#176fcb,#13a1f1);color:white;font-size:16px;font-weight:750;box-shadow:0 8px 20px #176fcb20}
.mstc-workflow-icon {color:#267dc6;align-self:flex-end;margin:8px 0 16px}
.mstc-workflow-title {display:block;font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.5px}
.mstc-workflow-hint {display:flex;justify-content:space-between;width:100%;font-size:11px;color:#69819b;margin-top:auto;padding-top:16px}
.mstc-workflow-back .mstc-workflow-title {margin:18px 0 12px;font-size:21px}
.mstc-workflow-description {font-size:14px;line-height:1.7;color:#54708d}
@media(max-width:1100px) and (min-width:761px){.mstc-workflow {gap:12px}.mstc-workflow-face {padding:20px 16px}.mstc-workflow-title {font-size:20px}.mstc-workflow-description {font-size:13px}.mstc-workflow-tile {height:280px}}
@media(max-width:760px){.mstc-workflow {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:34px}.mstc-workflow li:last-child {grid-column:1 / -1;width:calc(50% - 8px);justify-self:center}.mstc-workflow-face {padding:22px}.mstc-workflow-tile {height:270px}.mstc-workflow-title {font-size:21px}}
@media(max-width:420px){.mstc-workflow {grid-template-columns:1fr;max-width:310px;margin-left:auto;margin-right:auto}.mstc-workflow li:last-child {grid-column:auto;width:100%}.mstc-workflow-tile {height:240px}}
@media(prefers-reduced-motion:reduce){.mstc-workflow-inner {transition:none}}

.mstc-workflow-intro {margin:0 auto 44px;max-width:1220px}
.mstc-home h1.mstc-workflow-heading {font-size:clamp(30px,3.8vw,54px);line-height:1.18;letter-spacing:-1.6px;color:#17324d}
.mstc-home .mstc-workflow-intro p {max-width:1050px;margin:20px auto 0;font-size:17px;line-height:1.8;color:#54708d}
@media(max-width:600px){.mstc-workflow-intro {margin-bottom:30px}.mstc-home h1.mstc-workflow-heading {letter-spacing:-.8px}.mstc-home .mstc-workflow-intro p {font-size:14px;margin-top:16px}}

.mstc-home > .mstc-footer {margin-top:auto}

/* Locally mirrored Gitea documentation. */
.mstc-guide-link {gap:6px;white-space:nowrap}
.mstc-guides {max-width:1440px;margin:0 auto;padding:28px!important;width:100%}
.mstc-guide-heading {border-bottom:1px solid var(--color-secondary);padding-bottom:20px;margin-bottom:24px}
.mstc-guide-heading>a {font-size:26px;font-weight:700;color:var(--color-text)}
.mstc-guide-heading p,.mstc-guide-attribution {color:var(--color-text-light);font-size:13px}
.mstc-guide-layout {display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px}
.mstc-guides aside {position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding-right:16px;align-self:start}
.mstc-guides aside label {display:block;font-weight:600;margin-bottom:8px}
.mstc-guides input {width:100%;padding:10px;border:1px solid var(--color-secondary);border-radius:6px;background:var(--color-input-background);color:var(--color-text);margin-bottom:18px}
.mstc-guides details {margin:12px 0}
.mstc-guides summary {font-weight:600;cursor:pointer;padding:8px 0}
.mstc-guides aside ul {list-style:none;padding:0 0 0 12px;margin:0}
.mstc-guides aside li {margin:0}
.mstc-guides aside a {display:block;padding:6px 0;line-height:1.45}
.mstc-guide-article {min-width:0;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.mstc-guide-article h1 {font-size:32px;line-height:1.25;margin:24px 0}
.mstc-guide-article h2 {margin-top:32px;padding-bottom:8px;border-bottom:1px solid var(--color-secondary)}
.mstc-guide-article img {max-width:100%;height:auto;border-radius:6px}
.mstc-guide-article pre {overflow:auto;white-space:pre;background:var(--color-code-bg);padding:16px;border:1px solid var(--color-secondary);border-radius:6px;font-size:13px;line-height:1.6}
.mstc-guide-article pre code {white-space:pre}
.mstc-guide-article figure {margin:16px 0}
.mstc-guide-article table {display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.mstc-guide-article th,.mstc-guide-article td {border:1px solid var(--color-secondary);padding:8px 12px}
.mstc-guide-article .sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mstc-guide-note {background:var(--color-box-body);border-left:3px solid var(--color-primary);padding:12px 16px;font-size:13px}
.mstc-guide-attribution {margin-top:36px;border-top:1px solid var(--color-secondary);padding:20px 0}
.mstc-guide-categories {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mstc-guide-categories section {border:1px solid var(--color-secondary);border-radius:8px;padding:0 20px 16px}
.mstc-guides [hidden] {display:none!important}
@media(max-width:800px){.mstc-guides{padding:16px!important}.mstc-guide-layout{grid-template-columns:1fr;gap:16px}.mstc-guides aside{position:static;max-height:300px;border-bottom:1px solid var(--color-secondary)}.mstc-guide-categories{grid-template-columns:1fr}.mstc-guide-article h1{font-size:26px}}
@media print{#navbar,.mstc-guides aside,.mstc-guide-note{display:none!important}.mstc-guide-layout{display:block}.mstc-guide-article pre{white-space:pre-wrap}.mstc-guides{max-width:none}}
