@font-face { font-family:Geist; src:url('brand/geist-latin.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }
:root { --surface:var(--surface-raised); --accent:var(--blue); --soft:var(--mint); --danger:var(--field-error); }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:auto; }
body { margin:0; background:var(--paper); color:var(--ink); font:1rem/1.6 Geist,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--accent); text-underline-offset:.18em; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
button,input,select,textarea { font:inherit; }
button,.button-link { cursor:pointer; display:inline-block; border:1px solid var(--accent); border-radius:.6rem; padding:.55rem .9rem; background:var(--accent); color:var(--on-accent); font-weight:650; text-decoration:none; }
input,select,textarea { width:100%; border:1px solid var(--field-border); border-radius:.6rem; padding:.65rem .75rem; background:var(--surface); color:var(--ink); }
textarea { resize:vertical; }
label { display:block; margin-top:1rem; margin-bottom:.25rem; font-weight:650; }
h1,h2,h3 { line-height:1.18; letter-spacing:-.02em; }
h1 { font-size:clamp(2.2rem,5vw,3.7rem); margin:.45rem 0 1.2rem; }
h2 { font-size:clamp(1.4rem,3vw,1.9rem); margin-top:2.5rem; }
h3 { font-size:1.2rem; }
ul,ol { padding-left:1.4rem; }
.wrap { width:min(100% - 2rem,72rem); margin-inline:auto; }
.skip { position:absolute; left:.75rem; top:-5rem; z-index:10; padding:.5rem 1rem; background:var(--surface); }
.skip:focus { top:.75rem; }
.site-header { position:relative; z-index:1; border-bottom:1px solid var(--line); background:var(--surface); box-shadow:var(--soft-shadow); }
.header-inner { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:1rem 2rem; padding-block:.9rem; }
.brand-area { display:inline-flex; align-items:center; gap:.8rem; min-width:0; }
.brand { display:inline-flex; align-items:center; white-space:nowrap; color:var(--ink); text-decoration:none; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; margin-inline-end:9px; border-radius:10px; background:var(--brand-mark-surface); flex:none; }
.brand-mark img { display:block; width:27px; height:27px; }
.brand-word { font-size:24px; font-weight:700; letter-spacing:-1px; line-height:1; }
.brand-light { font-weight:420; }
.brand-dot { color:var(--blue); }
.brand-section { border-left:1px solid var(--line); padding-left:.8rem; color:var(--muted); font-size:.83rem; font-weight:700; }
nav { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem 1.2rem; }
nav form { margin:0; }
nav button { border:0; padding:.2rem 0; background:transparent; color:var(--accent); font-weight:500; }
.site-nav { justify-content:flex-end; gap:.45rem; }
.site-nav>a,.site-nav form button { display:inline-flex; justify-content:center; align-items:center; min-height:2.75rem; border:1px solid transparent; border-radius:.55rem; padding:.45rem .72rem; font-size:.88rem; font-weight:700; text-decoration:none; white-space:nowrap; }
.site-nav .nav-home { color:var(--ink); }
.site-nav .nav-home[aria-current="page"],.site-nav .nav-home:hover { background:var(--pale-blue); color:var(--accent); }
.site-nav .nav-website { border-color:var(--line); color:var(--ink); background:var(--surface); }
.site-nav .nav-website:hover { border-color:var(--accent); color:var(--accent); }
.site-nav .nav-account { background:var(--accent); color:var(--on-accent); }
.site-nav .nav-account:hover { box-shadow:var(--soft-shadow); }
.site-nav form button { border-color:var(--line); color:var(--ink); background:var(--surface); }
.language-switcher { display:flex; align-items:center; gap:.1rem; border:1px solid var(--line); border-radius:.6rem; padding:.2rem; background:var(--paper); }
.language-switcher a { display:inline-flex; justify-content:center; align-items:center; min-width:2.65rem; min-height:2.75rem; border-radius:.4rem; color:var(--muted); font-size:.76rem; font-weight:800; text-decoration:none; }
.language-switcher a[aria-current="true"] { background:var(--surface); color:var(--accent); box-shadow:var(--soft-shadow); }
.site-footer { margin-top:5rem; border-top:1px solid var(--line); padding:1.5rem 0; color:var(--muted); }
.footer-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem 1.5rem; }
.footer-brand { display:inline-flex; align-items:center; gap:.5rem; color:var(--muted); text-decoration:none; }
.footer-mark { display:inline-block; width:1.5rem; height:1.5rem; background:var(--muted); -webkit-mask:url('brand/logo-mono.svg') center / contain no-repeat; mask:url('brand/logo-mono.svg') center / contain no-repeat; }
.footer-word { font-size:1.05rem; font-weight:700; letter-spacing:-.04em; }
.footer-word span { font-weight:420; }
.hero { padding:clamp(2rem,6vw,4.5rem) 0 2.5rem; max-width:45rem; }
.hero { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(16rem,.88fr); align-items:center; gap:clamp(1.5rem,4vw,4rem); max-width:none; }
.hero-copy { max-width:42rem; }
.hero-copy .lead { color:var(--muted); max-width:55ch; }
.hero-start-link { display:none; align-items:center; gap:.65rem; border:1px solid var(--accent); border-radius:99rem; padding:.4rem .8rem; background:var(--pale-blue); color:var(--accent); font-size:.9rem; font-weight:750; text-decoration:none; }
.hero-image { margin:0; overflow:hidden; border-radius:1.3rem; border:1px solid var(--line); background:var(--surface); box-shadow:var(--soft-shadow); }
.hero-image img { display:block; width:100%; height:clamp(16rem,28vw,26rem); object-fit:cover; }
.hero-image figcaption,.trust-panel figcaption { padding:.45rem .8rem; color:var(--muted); font-size:.75rem; }
.topic-nav { display:flex; align-items:baseline; flex-wrap:wrap; gap:.7rem 2rem; border-block:1px solid var(--line); padding:1rem 0; }
.topic-nav strong { font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; }
.topic-nav>div { display:flex; flex-wrap:wrap; gap:.45rem; }
.topic-nav a { display:inline-flex; gap:.45rem; align-items:center; border:1px solid var(--line); border-radius:99rem; padding:.3rem .7rem; background:var(--surface); color:var(--ink); text-decoration:none; font-size:.9rem; }
.topic-nav a:hover { border-color:var(--accent); }
.topic-nav a[aria-current="true"] { border-color:var(--accent); background:var(--pale-blue); color:var(--accent); }
.topic-nav a span { color:var(--muted); font-size:.8rem; }
.onboarding { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:clamp(1rem,3vw,2rem); margin:0 0 2rem; border-radius:1.2rem; overflow:hidden; background:var(--dark); color:var(--on-dark); box-shadow:var(--soft-shadow); }
.onboarding-intro { padding:clamp(1.5rem,3vw,2.4rem); }
.onboarding .eyebrow { color:var(--data-accent); margin:0; }
.onboarding h2 { margin:.35rem 0 .8rem; font-size:clamp(1.5rem,3vw,2rem); }
.onboarding-intro>p:not(.eyebrow) { max-width:60ch; margin:0 0 1.2rem; color:var(--data-text); }
.onboarding .button-link { border-color:var(--on-dark); background:var(--on-dark); color:var(--dark); }
.onboarding-routes { display:flex; flex-direction:column; justify-content:center; margin:0; padding:1rem 1.4rem 1rem 0; list-style:none; }
.onboarding-routes li+li { border-top:1px solid var(--data-text); }
.onboarding-routes a { display:grid; grid-template-columns:2.2rem minmax(0,1fr) 1.4rem; align-items:center; gap:.8rem; padding:.85rem .2rem; color:var(--on-dark); text-decoration:none; }
.onboarding-routes a:hover strong,.onboarding-routes a:focus-visible strong { text-decoration:underline; }
.route-number { color:var(--data-accent); font-weight:800; font-size:1.05rem; }
.onboarding-routes small { display:block; color:var(--data-text); font-size:.74rem; letter-spacing:.05em; text-transform:uppercase; }
.onboarding-routes strong { display:block; font-size:.98rem; line-height:1.3; }
.route-arrow { color:var(--data-accent); font-size:1.3rem; }
.tag-nav { display:flex; align-items:baseline; flex-wrap:wrap; gap:.7rem 2rem; padding:.8rem 0; }
.tag-nav strong { font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; }
.tag-nav>div,.article-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.tag-nav a,.article-tags a { display:inline-block; border-radius:99rem; padding:.25rem .65rem; background:var(--mint); color:var(--ink); text-decoration:none; font-size:.82rem; }
.tag-nav a[aria-current="true"],.tag-nav a:hover,.article-tags a:hover { background:var(--pale-blue); color:var(--accent); }
.article-tags { margin-top:1rem; }
.section-heading { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:.5rem 1.5rem; padding-top:1rem; }
.section-heading h2 { margin:.1rem 0; }
.section-heading>span { color:var(--muted); font-size:.9rem; }
.eyebrow { color:var(--accent); font-size:.83rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.search-line { display:flex; gap:.6rem; }
.search-line input { flex:1; }
.topic { margin-top:2rem; }
.topic h3 { display:flex; align-items:center; gap:.6rem; }
.topic h3 img { display:block; width:1.5rem; height:1.5rem; }
.cards { list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:1rem; padding:0; }
.cards li { min-width:0; }
.card { min-height:11rem; height:100%; display:flex; flex-direction:column; gap:.5rem; border:1px solid var(--line); border-radius:1rem; padding:1.25rem; background:var(--surface); color:var(--ink); text-decoration:none; }
.card:hover { border-color:var(--accent); }
.card:hover,.card:focus-visible { box-shadow:var(--soft-shadow); }
.card small { color:var(--accent); font-weight:750; text-transform:uppercase; }
.card strong { font-size:1.12rem; line-height:1.3; }
.card span { color:var(--muted); }
.card-locked { background:var(--soft); }
.card-locked small { display:flex; align-items:center; gap:.35rem; }
.card .card-cta { margin-top:auto; padding-top:.7rem; color:var(--accent); font-weight:750; }
.pagination { display:flex; justify-content:center; gap:1rem; margin:2rem 0; }
.pagination a { border:1px solid var(--line); border-radius:.5rem; padding:.35rem .7rem; background:var(--surface); text-decoration:none; }
.trust-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr); align-items:center; gap:1.5rem; margin-top:4rem; border-radius:1.25rem; overflow:hidden; background:var(--dark); color:var(--on-dark); }
.trust-panel>div { padding:clamp(1.5rem,4vw,3rem); }
.trust-panel h2 { margin-top:.25rem; }
.trust-panel p:not(.eyebrow) { max-width:52ch; color:var(--data-text); }
.trust-panel .eyebrow { color:var(--data-accent); }
.trust-icon { width:2rem; height:2rem; filter:brightness(0) invert(1); }
.trust-panel figure { display:flex; flex-direction:column; justify-content:center; margin:0; align-self:stretch; padding:1rem; background:var(--data-surface); }
.trust-panel figure img { display:block; width:100%; height:auto; max-height:18rem; object-fit:contain; }
.trust-panel figcaption { color:var(--data-text); }
.article-layout { display:grid; grid-template-columns:13rem minmax(0,1fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.guide-aside { position:sticky; top:1.5rem; margin-top:3.5rem; }
.guide-aside nav { display:flex; flex-direction:column; align-items:stretch; gap:.2rem; border-left:1px solid var(--line); }
.guide-aside nav strong { padding:.55rem .8rem; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; }
.guide-aside nav a { display:block; padding:.35rem .8rem; color:var(--muted); font-size:.88rem; text-decoration:none; }
.guide-aside nav a:hover,.guide-aside nav a:focus-visible { color:var(--accent); background:var(--pale-blue); }
.mobile-toc { display:none; }
.guide-fact { display:flex; flex-direction:column; gap:.4rem; margin:1.4rem 0 0 .8rem; font-size:.8rem; color:var(--muted); }
.guide-fact span { display:inline-block; width:max-content; border-radius:99rem; padding:.15rem .55rem; background:var(--mint); color:var(--ink); font-weight:700; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:.6rem; color:var(--muted); font-size:.85rem; }
.breadcrumbs a { color:var(--muted); }
.guide { max-width:50rem; padding-top:2rem; }
.guide header { padding:2rem 0; border-bottom:1px solid var(--line); }
.guide section { padding-top:.5rem; }
.guide p,.guide li,.guide dd { max-width:70ch; }
.lead { font-size:1.18rem; line-height:1.5; }
.reviewed { color:var(--muted); font-size:.9rem; }
.steps li { padding:.25rem 0 .8rem .4rem; }
.steps h3 { margin-bottom:.2rem; }
.steps p { margin-top:.2rem; }
.tips,.guide .result-box { margin-block:2rem; padding:1.25rem 1.4rem 1.35rem; border:1px solid var(--line); border-radius:1rem; background:var(--mint); }
.tips h2,.result-box h2 { display:flex; align-items:center; gap:var(--callout-gap); margin:0 0 .55rem; font-size:1.15rem; letter-spacing:-.01em; }
.tips h2::before,.result-box h2::before { content:""; flex:none; width:var(--callout-icon-size); height:var(--callout-icon-size); background:var(--green); -webkit-mask:var(--callout-icon) center / contain no-repeat; mask:var(--callout-icon) center / contain no-repeat; }
.tips,.result-box { --callout-icon-size:1.35rem; --callout-gap:.55rem; }
.tips { --callout-icon:url('brand/info.svg'); }
.result-box { --callout-icon:url('brand/checkmark.svg'); }
.tips ul { margin:0; padding-left:calc(var(--callout-icon-size) + var(--callout-gap)); }
.tips li+li { margin-top:.45rem; }
.tips li:only-child { list-style:none; }
.result-box p { margin:0; padding-left:calc(var(--callout-icon-size) + var(--callout-gap)); }
.guide-media-figure { margin:1.5rem 0; border:1px solid var(--line); border-radius:.9rem; overflow:hidden; background:var(--surface); }
.guide-media-figure a.guide-media-link { display:block; }
.guide-media-figure a.guide-media-link:focus-visible { outline-offset:-3px; }
.guide-media-figure img { display:block; width:100%; max-width:100%; height:auto; max-height:48rem; object-fit:contain; background:var(--paper); }
.guide-media-figure video { display:block; width:100%; max-height:32rem; object-fit:contain; background:var(--paper); }
.guide-media-figure figcaption { padding:.7rem 1rem; color:var(--muted); font-size:.9rem; }
.guide-media-figure details { margin:0 1rem 1rem; }
.faq details { border-top:1px solid var(--line); padding:.7rem 0; }
.faq summary { cursor:pointer; font-weight:700; }
.faq details p { margin:.7rem 0; }
.related-links { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:.65rem; }
.related-links a { display:block; border:1px solid var(--line); border-radius:.6rem; padding:.7rem; background:var(--surface); text-decoration:none; }
dl>div { border-top:1px solid var(--line); padding-block:.85rem; }
dt { font-weight:700; }
dd { margin:.3rem 0 0; }
.auth { max-width:28rem; margin:4rem auto; padding:2rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface); }
.auth h1 { font-size:2rem; }
.auth-help { color:var(--muted); }
.auth button { margin-top:1.5rem; width:100%; }
.locked-guide { max-width:48rem; margin:clamp(2rem,5vw,4rem) auto; }
.locked-guide .breadcrumbs { margin-bottom:1.25rem; }
.locked-guide-panel { padding:clamp(1.5rem,4vw,3rem); border:1px solid var(--line); border-radius:1rem; background:var(--surface); }
.locked-guide-panel>img { display:block; margin-bottom:1rem; }
.locked-guide-panel h1 { margin:.3rem 0 .9rem; }
.locked-guide-panel .lead { max-width:62ch; }
.locked-guide-action { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--line); }
.locked-guide-action p { max-width:62ch; color:var(--muted); }
.message { border:1px solid var(--danger); border-radius:.6rem; padding:.7rem 1rem; background:var(--surface); color:var(--danger); }
.panel { max-width:62rem; margin:1.5rem 0; padding:1.25rem; border:1px solid var(--line); border-radius:.9rem; background:var(--surface); }
.panel h2 { margin-top:0; }
.panel button { margin-top:1rem; }
.admin-page { padding-block:2rem 1rem; }
.admin-heading { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:.25rem 1rem; }
.admin-heading .eyebrow { margin:0; }
.admin-heading h1 { margin:.1rem 0; font-size:clamp(1.9rem,4vw,2.7rem); }
.admin-identity { margin:.25rem 0; color:var(--muted); font-size:.88rem; }
.admin-identity strong { color:var(--ink); }
.admin-jump { display:flex; flex-wrap:wrap; gap:.4rem; margin:1rem 0 1.5rem; }
.admin-jump a { display:inline-flex; align-items:center; min-height:2.75rem; border:1px solid var(--line); border-radius:99rem; padding:.35rem .8rem; background:var(--surface); font-size:.85rem; font-weight:650; text-decoration:none; }
.admin-jump a:hover { border-color:var(--accent); background:var(--pale-blue); }
.admin-page .secret { max-width:none; margin:0 0 1rem; }
.admin-page .secret code { user-select:all; font-size:.95rem; line-height:1.5; }
.admin-tools { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr)); gap:1rem; align-items:start; }
.admin-tools .panel { min-width:0; max-width:none; margin:0; }
.admin-tools h2 { margin:0 0 .6rem; font-size:1.35rem; }
.admin-tools h3 { margin:1.4rem 0 .4rem; font-size:.88rem; }
.admin-help { margin:0 0 .8rem; color:var(--muted); font-size:.88rem; line-height:1.45; }
.admin-tools label { margin-top:.75rem; font-size:.88rem; }
.admin-tools input,.admin-tools select { min-height:2.75rem; padding:.48rem .65rem; }
.admin-tools button { min-height:2.75rem; }
.admin-empty { margin:.3rem 0 0; color:var(--muted); font-size:.85rem; }
.admin-guides { margin-top:2rem; border-top:1px solid var(--line); padding-top:1.3rem; }
.admin-guides-heading { display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; gap:.75rem 1rem; }
.admin-guides-heading h2 { margin:0; font-size:1.5rem; }
.admin-guides-heading h2 span { display:inline-flex; align-items:center; justify-content:center; min-width:1.7rem; min-height:1.7rem; border-radius:99rem; padding:.1rem .4rem; background:var(--pale-blue); color:var(--accent); font-size:.8rem; vertical-align:middle; }
.admin-guides-heading p { max-width:65ch; margin:.35rem 0 0; color:var(--muted); font-size:.9rem; }
.admin-guides-heading .button-link { min-height:2.75rem; }
.admin-articles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin:1rem 0 0; padding:0; list-style:none; }
.admin-articles li { display:flex; min-width:0; align-items:center; gap:.5rem; border:1px solid var(--line); border-radius:.65rem; padding:.3rem .65rem .3rem .8rem; background:var(--surface); }
.admin-articles a { display:flex; flex:1; min-width:0; flex-direction:column; justify-content:center; min-height:3.4rem; text-decoration:none; }
.admin-articles a strong { overflow-wrap:anywhere; color:var(--ink); font-size:.9rem; font-weight:650; line-height:1.3; }
.admin-articles a span { color:var(--accent); font-size:.75rem; font-weight:700; }
.admin-articles a:hover strong { color:var(--accent); text-decoration:underline; }
.admin-articles small { flex:none; border-radius:99rem; padding:.1rem .4rem; background:var(--mint); color:var(--ink); font-size:.7rem; line-height:1.3; }
.manage { list-style:none; padding:0; }
.manage li { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem 1rem; padding-block:.6rem; border-top:1px solid var(--line); }
.manage li>span { min-width:0; overflow-wrap:anywhere; }
.manage small { display:block; color:var(--muted); font-size:.8rem; }
.manage form { margin:0; }
.manage button { margin:0; border-color:var(--line); padding:.35rem .6rem; background:var(--surface); color:var(--accent); font-size:.8rem; }
.manage button:hover { border-color:var(--accent); background:var(--pale-blue); }
.secret { max-width:42rem; border:2px solid var(--accent); border-radius:.8rem; padding:1rem; background:var(--soft); }
.secret code { display:block; overflow-wrap:anywhere; margin-top:.5rem; }
fieldset legend { padding-inline:.4rem; font-weight:750; }
.tag-field { margin-top:1.2rem; border:0; padding:0; }
.tag-options { display:flex; flex-wrap:wrap; gap:.35rem; }
.tag-options label { display:inline-flex; align-items:center; gap:.4rem; margin:0; border:1px solid var(--line); border-radius:99rem; padding:.3rem .7rem; font-size:.85rem; font-weight:500; }
.tag-options input { width:auto; margin:0; accent-color:var(--accent); }
@media (max-width:55rem) { .header-inner { grid-template-columns:1fr; } .brand-word { font-size:21px; } .brand-mark { width:31px; height:31px; } .brand-mark img { width:24px; height:24px; } .site-nav { justify-content:flex-start; } .hero,.onboarding,.trust-panel,.article-layout { grid-template-columns:1fr; } .hero-start-link { display:inline-flex; } .onboarding-routes { padding:0 1.4rem 1rem; } .guide-aside { display:none; } .mobile-toc { display:block; margin:1rem 0; border:1px solid var(--line); border-radius:.65rem; background:var(--surface); } .mobile-toc summary { cursor:pointer; padding:.65rem .8rem; font-weight:700; } .mobile-toc nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(9rem,1fr)); gap:.1rem; padding:.2rem .8rem .8rem; } .mobile-toc nav a { display:block; padding:.25rem .35rem; font-size:.88rem; } .trust-panel figure { padding:.75rem; } .trust-panel figure img { max-height:15rem; } }
@media (max-width:38rem) { .search-line { flex-direction:column; } .search-line button { width:100%; } .brand-word { font-size:19px; } .brand-mark { width:28px; height:28px; margin-inline-end:7px; border-radius:8px; } .brand-mark img { width:22px; height:22px; } .brand-area { gap:.6rem; } .brand-section { padding-left:.6rem; font-size:.75rem; } .site-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; } .site-nav>a,.site-nav form button { white-space:normal; } .site-nav .language-switcher { justify-content:center; } .site-nav form { grid-column:1 / -1; } .site-nav form button { width:100%; } .hero { gap:1rem; padding:1.5rem 0 1rem; } .hero-image img { height:10rem; } }
@media (max-width:38rem) { .guide-media-figure img { max-height:none; } }
@media (max-width:44rem) { .admin-articles { grid-template-columns:1fr; } }
@media (max-width:38rem) { .admin-page { padding-top:1.25rem; } .admin-jump { margin:.75rem 0 1rem; } .admin-tools { gap:.75rem; } .admin-tools .panel { padding:1rem; } .admin-tools .panel form>button { width:100%; } .admin-guides { margin-top:1.5rem; } .admin-articles li { padding-block:.2rem; } .admin-articles a { min-height:3rem; } }