/* My Journal — dark glass + marble re-skin.
 *
 * Same quiet, paper-like layout as the approved build; the paper is now the
 * shared dark glass. Includes the study-page-bar and authority-label styles
 * that used to arrive via study-hub.css / bible-studies.css, since this page
 * now loads only theme.css + journal.css.
 */

/* ---- shared chrome for the individual study pages ---- */
.study-page-bar{
    display:flex;flex-wrap:wrap;gap:14px;
    align-items:center;justify-content:space-between;
    padding:14px clamp(18px,5vw,76px);
    background:rgba(8,12,10,.72);
    color:#fff;
    border-bottom:1px solid rgba(233,213,154,.22);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.study-page-bar a.back{
    display:inline-flex;align-items:center;gap:8px;
    color:#d9b95f;text-decoration:none;
    font-weight:900;font-size:.72rem;
    text-transform:uppercase;letter-spacing:.12em;
}
.study-page-bar a.back:hover{color:#fdf7e6}
.study-page-bar strong{font:400 1.3rem var(--serif);color:#fdf7e6}
.study-page-links{display:flex;flex-wrap:wrap;gap:6px}
.study-page-links a{
    padding:7px 12px;
    border:1px solid rgba(233,213,154,.3);
    border-radius:999px;
    color:rgba(255,255,255,.78);
    text-decoration:none;font-size:.69rem;font-weight:800;
}
.study-page-links a:hover,.study-page-links a[aria-current="page"]{
    background:var(--gold);color:#141109;border-color:var(--gold);
}

.authority-label{
    margin:22px 0 10px;
    text-transform:uppercase;letter-spacing:.17em;
    font-size:.61rem;font-weight:950;color:var(--gold);
}

/* ---- head ---- */
.journal{background:transparent}
.journal-head{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);
    gap:clamp(24px,5vw,64px);
    align-items:start;
    padding:clamp(40px,6vw,80px) clamp(20px,6vw,90px) clamp(26px,3vw,40px);
    background:transparent;
}
.journal-head h1{
    margin:0;
    font:400 clamp(2.4rem,4.4vw,4.2rem)/.96 var(--serif);
    color:#f4efe2;
}
.journal-head>div>p:last-child{
    margin:14px 0 0;max-width:58ch;
    font:1.02rem/1.68 var(--serif);color:var(--muted);
}
/* The site says plainly where a person's work is kept. */
.journal-honesty{
    padding:20px 22px;
    background:var(--glass);
    border:1px solid var(--glass-border);
    border-left:3px solid var(--gold);
    border-radius:var(--radius-sm);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.journal-honesty .authority-label{margin-top:0}
.journal-honesty p:last-child{margin:0;font-size:.85rem;line-height:1.62;color:var(--muted)}
.journal-honesty b{color:var(--gold-pale)}

/* ---- nothing saved yet ---- */
.journal-blank{
    max-width:620px;
    margin:clamp(30px,6vw,70px) auto;
    padding:clamp(28px,5vw,52px);
    text-align:center;
    background:var(--glass-soft);
    border:1px dashed rgba(201,164,92,.35);
    border-radius:var(--radius);
}
.journal-blank h2{margin:0 0 12px;font:400 1.9rem var(--serif);color:#f4efe2}
.journal-blank p{margin:0 auto 20px;max-width:48ch;font:1rem/1.7 var(--serif);color:var(--muted)}
.journal-cta{
    display:inline-block;padding:13px 26px;
    background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);
    color:#141109;text-decoration:none;border-radius:999px;
    font-weight:900;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
}
.journal-cta:hover{box-shadow:0 10px 30px rgba(201,164,92,.3);color:#141109}

/* ---- the tally strip ---- */
.journal-summary{
    display:flex;flex-wrap:wrap;align-items:center;gap:18px;
    max-width:1250px;margin:0 auto;
    padding:16px clamp(20px,6vw,90px);
    background:var(--glass-soft);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    font-size:.84rem;color:var(--muted);
}
.journal-summary b{font:400 1.5rem var(--serif);color:#f4efe2;margin-right:4px}
.journal-tools{margin-left:auto;display:flex;gap:8px}
.journal-tools button{
    border:1px solid var(--glass-border);background:var(--glass);
    color:var(--gold-pale);padding:8px 14px;border-radius:999px;
    font:800 .7rem var(--serif);cursor:pointer;
}
.journal-tools button:hover{background:var(--gold);border-color:var(--gold);color:#141109}

.journal-resume{
    max-width:1250px;margin:0 auto;
    padding:14px clamp(20px,6vw,90px) 0;
    font:1rem/1.6 var(--serif);color:var(--muted);
}
.journal-resume b{color:#f4efe2}
.journal-resume a{color:var(--gold);font-weight:800}
.journal-resume a:hover{color:var(--gold-pale)}

/* ---- the entries ---- */
.journal-section{max-width:1250px;margin:0 auto;padding:clamp(22px,3vw,34px) clamp(20px,6vw,90px) 0}
.journal-section:last-child{padding-bottom:clamp(40px,6vw,80px)}
.journal-section h2{margin:0 0 14px;font:400 1.7rem var(--serif);color:#f4efe2}

.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.journal-card{
    display:flex;flex-direction:column;gap:8px;
    padding:16px 18px 14px;
    background:var(--glass);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-sm);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.journal-card header{display:flex;align-items:baseline;gap:10px}
.journal-ref{
    font:400 1.2rem var(--serif);color:var(--gold-pale);text-decoration:none;
    border-bottom:1px solid rgba(201,164,92,.35);
}
.journal-ref:hover{color:var(--gold)}
.journal-tag{
    margin-left:auto;
    font:900 .58rem var(--serif);letter-spacing:.12em;
    text-transform:uppercase;color:var(--gold);
}
.journal-card p{margin:0;font:1rem/1.62 var(--serif);color:var(--ink);white-space:pre-line}

.journal-roots{margin:0;display:grid;gap:8px}
.journal-roots dt{
    font:900 .58rem var(--serif);letter-spacing:.12em;
    text-transform:uppercase;color:var(--gold);
}
.journal-roots dd{margin:0;font:.96rem/1.58 var(--serif);color:var(--ink);white-space:pre-line}

.journal-delete{
    align-self:flex-start;margin-top:4px;
    border:0;background:none;padding:0;
    font:800 .68rem var(--serif);color:#e0938a;cursor:pointer;
    border-bottom:1px solid transparent;
}
.journal-delete:hover{border-bottom-color:currentColor}

.journal-chips{display:flex;flex-wrap:wrap;gap:8px}
.journal-chip{
    padding:8px 14px;
    background:var(--glass);border:1px solid var(--glass-border);
    border-radius:999px;
    color:var(--gold-pale);text-decoration:none;
    font:700 .84rem var(--serif);
}
.journal-chip:hover{background:var(--gold);border-color:var(--gold);color:#141109}

@media (max-width:900px){.journal-head{grid-template-columns:1fr}}

/* Printing a journal should give the words, not the furniture — dark ink on white. */
@media print{
    .site-header,.study-page-bar,.journal-tools,.journal-delete,
    .journal-honesty,.journal-resume,.site-footer{display:none}
    body{background:#fff}
    body::before,body::after{display:none!important}
    .journal,.journal-head,.journal-summary{background:#fff}
    .journal-head h1,.journal-section h2,.journal-summary b{color:#0d3528}
    .journal-card{border:0;box-shadow:none;background:#fff;break-inside:avoid}
    .journal-card p,.journal-roots dd{color:#18362d}
    .journal-ref{color:#0d3528}
    .journal-tag,.journal-roots dt{color:#8a6b2c}
    .journal-chip{background:#fff;color:#0d3528;border-color:#ccc}
    .journal-summary{color:#55675f}
}