/**
 * Single post redesign.
 *
 * The stock GridBit single-post view (max-width:770px, 24px Source Serif
 * Pro title, 14px body text, gray WordPress-default meta line) reads like
 * an unstyled blog template. This file is purely additive — loaded after
 * style.css and comments-enhanced.css — and reworks three things:
 *
 *   1. Width: the reading column widens from 770px to a proper editorial
 *      frame, while paragraph text itself keeps a protected measure
 *      (~68 characters) so wider does not mean harder to read. Images,
 *      pull-quotes and the comment list are allowed to use the full
 *      wider frame.
 *   2. Look: a real display size for the title, a sans/serif split
 *      between interface text (meta row, tags, buttons, comment form)
 *      and reading text (title + body + comments), and a brand palette
 *      pulled from the wallet dashboard (#3a7bd5 / #1a2233 / #5b6478 /
 *      #e2e8f0 / #f4f6fb) so the blog and the dashboard read as one
 *      product instead of a stock theme bolted onto a fintech app.
 *   3. Comments: long words/links now wrap instead of overflowing the
 *      card, and any comment taller than ~4 lines collapses behind a
 *      "Read more" toggle (behaviour lives in single-post-comments-
 *      readmore.js; this file only supplies the collapsed/expanded look).
 */

/* ---------- 1. Frame ---------- */

.gridbit-singular-page .gridbit-main-wrapper-inside{
    max-width:960px;
}

@media only screen and (max-width:1010px){
    .gridbit-singular-page .gridbit-main-wrapper-inside{
        max-width:100%;
        padding-left:20px;
        padding-right:20px;
    }
}
@media only screen and (max-width:480px){
    .gridbit-singular-page .gridbit-main-wrapper-inside{
        padding-left:14px;
        padding-right:14px;
    }
}

/* Everything inside the article that should keep a comfortable reading
   measure even though the frame around it is wider. Full-bleed media
   (alignwide/alignfull) and the comments block are exempt below. */
.gridbit-post-singular .entry-content > *{
    max-width:68ch;
    margin-left:auto;
    margin-right:auto;
}
.gridbit-post-singular .entry-content > .alignwide,
.gridbit-post-singular .entry-content > .alignfull,
.gridbit-post-singular .entry-content > table,
.gridbit-post-singular .entry-content > .wp-block-gallery{
    max-width:100%;
}

/* ---------- 2. Type & color ---------- */

.gridbit-post-singular{
    --gp-ink:#1a2233;
    --gp-muted:#5b6478;
    --gp-accent:#3a7bd5;
    --gp-line:#e2e8f0;
    --gp-tint:#f4f6fb;
}

.gridbit-post-singular .entry-header{
    text-align:left;
    text-shadow:none;
    margin:0 0 24px 0;
}

.gridbit-post-singular .entry-title{
    text-align:left;
    font-family:'Source Serif Pro',Georgia,serif;
    font-weight:700;
    font-size:42px;
    line-height:1.12;
    letter-spacing:-0.4px;
    color:var(--gp-ink);
    margin:0 0 16px 0;
    max-width:22ch;
}
@media only screen and (max-width:720px){
    .gridbit-post-singular .entry-title{font-size:28px;max-width:none;}
}

.gridbit-post-singular .entry-title a{color:var(--gp-ink);}
.gridbit-post-singular .entry-title a:hover,
.gridbit-post-singular .entry-title a:focus{color:var(--gp-accent);}

/* Meta row: interface text, so it switches to the sans stack and drops
   the middle-dot joins for real spacing + a hairline divider instead. */
.gridbit-post-singular .gridbit-entry-meta-single{
    text-align:left;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    font-size:13px;
    color:var(--gp-muted);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    padding-bottom:20px;
    margin:0 0 28px 0;
    border-bottom:1px solid var(--gp-line);
}
.gridbit-post-singular .gridbit-entry-meta-single-cats,
.gridbit-post-singular .gridbit-entry-meta-single-author,
.gridbit-post-singular .gridbit-entry-meta-single-date,
.gridbit-post-singular .gridbit-entry-meta-single-comments{
    margin:0;
    padding:0 14px 0 0;
    position:relative;
}
.gridbit-post-singular .gridbit-entry-meta-single > span:not(:last-child)::after{
    content:"";
    display:inline-block;
    width:1px;
    height:12px;
    background:var(--gp-line);
    margin-left:14px;
    vertical-align:middle;
}
.gridbit-post-singular .gridbit-entry-meta-single a{color:var(--gp-muted);}
.gridbit-post-singular .gridbit-entry-meta-single a:hover,
.gridbit-post-singular .gridbit-entry-meta-single a:focus{color:var(--gp-accent);}
.gridbit-post-singular .gridbit-entry-meta-single-cats a{
    color:var(--gp-accent);
    font-weight:600;
}
.gridbit-post-singular .gridbit-entry-meta-single-cats a:hover{text-decoration:underline;}

/* Body copy: serif, at a real reading size, generous leading. */
.gridbit-post-singular .entry-content{
    font-family:'Source Serif Pro',Georgia,serif;
    font-size:19px;
    line-height:1.7;
    color:var(--gp-ink);
    margin:0;
}
.gridbit-post-singular .entry-content p{margin:0 0 22px 0;}
.gridbit-post-singular .entry-content h2,
.gridbit-post-singular .entry-content h3{
    color:var(--gp-ink);
    line-height:1.25;
    margin:40px auto 16px auto;
    max-width:68ch;
}
.gridbit-post-singular .entry-content h2{font-size:28px;}
.gridbit-post-singular .entry-content h3{font-size:22px;}
.gridbit-post-singular .entry-content a{color:var(--gp-accent);text-decoration:underline;text-underline-offset:2px;}
.gridbit-post-singular .entry-content blockquote{
    border:none;
    border-left:3px solid var(--gp-accent);
    padding:2px 0 2px 22px;
    margin:32px auto;
    max-width:62ch;
    font-size:21px;
    font-style:italic;
    color:var(--gp-ink);
}
.gridbit-post-singular .entry-content img{border-radius:0;}

.gridbit-post-singular .gridbit-entry-footer-inside{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    max-width:68ch;
    margin:36px auto 0 auto;
    padding-top:24px;
    border-top:1px solid var(--gp-line);
}
.gridbit-post-singular .gridbit-tags-links{
    font-size:13px;
    color:var(--gp-muted);
}
.gridbit-post-singular .gridbit-tags-links i{color:var(--gp-accent);margin-right:6px;}
.gridbit-post-singular .gridbit-tags-links a{
    color:var(--gp-accent);
    font-weight:600;
    text-decoration:none;
}
.gridbit-post-singular .gridbit-tags-links a:hover{text-decoration:underline;}

/* ---------- 3. Comments: wrap + read more ---------- */

.gridbit-comments-enhanced .comment-content{
    overflow-wrap:anywhere;
    word-break:break-word;
    -webkit-hyphens:auto;
    hyphens:auto;
}
.gridbit-comments-enhanced .comment-content a{overflow-wrap:anywhere;word-break:break-all;}
.gridbit-comments-enhanced .comment-content pre,
.gridbit-comments-enhanced .comment-content code{
    white-space:pre-wrap;
    overflow-wrap:anywhere;
}

.gridbit-comments-enhanced .comment-content.gp-clamped{
    max-height:6.8em;
    overflow:hidden;
    position:relative;
}
.gridbit-comments-enhanced .comment-content.gp-clamped::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:2.2em;
    background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    pointer-events:none;
}
html[data-urs-theme='dark'] .gridbit-comments-enhanced .comment-content.gp-clamped::after{
    background:linear-gradient(rgba(10,14,26,0),rgba(10,14,26,1));
}

.gp-comment-readmore{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    background:none;
    border:none;
    padding:0;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:600;
    color:#3a7bd5;
    cursor:pointer;
}
.gp-comment-readmore:hover,
.gp-comment-readmore:focus-visible{color:#1a2233;}
.gp-comment-readmore i{font-size:11px;transition:transform .18s ease;}
.gp-comment-readmore[aria-expanded="true"] i{transform:rotate(180deg);}