body {
    --site-width:1300px;
    --page:#f4ebe1;
    --surface:#fff8ef;
    --ink:#4d3327;
    --muted:#786052;
    --accent:#885135;
    --line:#dfcbbb;
    --felt:#594035;
    --felt2:#35271f;
}
.cl-lounge-header {
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 30px;
    gap:24px;
}
.cl-signature {
    display:flex;
    flex-direction:column;
    gap:8px;
}
.cl-signature>span {
    font-size:9px;
    letter-spacing:3px;
    padding-left:4px;
}
.cl-welcome-band {
    background:#e9d8c6;
    border-block:1px solid var(--line);
}
.cl-intro {
    margin:auto;
    padding:30px;
}
.cl-intro h1 {
    font:400 clamp(34px,4vw,56px)/1.1 Georgia,serif;
}
.cl-lounge-body {
    margin:auto;
    padding:26px 30px;
}
.cl-table-frame {
    padding:10px;
    background:#c2a186;
    border-radius:22px;
    box-shadow:0 16px 42px #76583a1c;
}
.cl-table-frame:empty {
    display:none;
}
.cl-arena {
    border:1px solid #8d6c53;
    border-radius:14px;
}
.cl-reading-room {
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:55px;
    margin:64px 0;
}
.cl-reading-note>span {
    font-size:10px;
    letter-spacing:2px;
}
.cl-reading-note p {
    font:italic 28px/1.5 Georgia,serif;
}
.cl-reading h2 {
    font-family:Georgia,serif;
    font-weight:400;
}
.cl-footer {
    background:#402f26;
    color:#ead7c7;
}
.cl-footer p {
    color:#cbb9aa;
}
.cl-footer a {
    color:#f3ddc7;
}
.cl-tools {
    justify-content:center;
}
@media(max-width:900px) {
    .cl-lounge-header {
        padding:18px;
    }
    .cl-lounge-body {
        padding:18px 12px;
    }
    .cl-intro {
        padding:26px 18px;
    }
    .cl-reading-room {
        display:block;
    }
    .cl-reading-note {
        display:none;
    }
    .cl-table-frame {
        padding:4px;
    }
}