:root{
    --bg:#fafafa;
    --card:#fff;
    --muted:#6b7280;
    --primary:#0f172a;
}
body{
    font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    background:var(--bg);
    color:var(--primary);
    margin:0;
}
.container{
    max-width:900px;
    margin:24px auto;
    background:var(--card);
    border-radius:12px;
    box-shadow:0 6px 18px rgba(15,23,42,0.06);
    padding:28px;
}
h1{
    font-size:1.5rem;
    margin:0 0 8px;
}

p.lead{
    color:var(--muted);
    margin-top:0;
}
h2{
    font-size:1.05rem;
    margin-top:20px;
}
ul{
    margin:8px 0 16px 20px;
}
small{
    color:var(--muted)
}
.note{
    background:#fffbea;
    border-left:4px solid #f59e0b;
    padding:12px;
    border-radius:6px;
    margin:12px 0;
}
code{
    background:#f3f4f6;
    padding:2px 6px;
    border-radius:4px;
}
.foot{
    font-size:0. nine rem;
    color:var(--muted);
    margin-top:18px;
}
.placeholder{
    color:#b91c1c;
}

header {
    background: linear-gradient(90deg, lightgreen 0%, white 42%, aqua 100%);
    /* overflow: hidden; */
    padding: 16px;
    /* position: relative; */
}

header .title {
    font: italic bold 3rem 'Lato';
    /* float: left; */
    /* position: absolute; */
    /* top: 25%; */
    text-shadow: 0px 0px 8px white;
}
header > .logos {
    display: flex;
    align-items: center;
}
header > .logos img {
    max-width: 90%;
}