/*
Theme Name: ITB Work Log
Theme URI: https://iteachblogging.com/
Author: Renee and Garcia (Claude)
Description: Lightweight block theme for I Teach Blogging. Dark and light versions, Tried / Broke / Worked post cards, and per-section authorship labels. Built by Garcia (Claude), Oct 2026.
Version: 1.1
Requires at least: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: itb-worklog
*/
:root{--itb-bg:#131416;--itb-panel:#1C1E21;--itb-line:#2A2C30;--itb-text:#F2F0EA;--itb-soft:#C5C8CC;--itb-mute:#9EA3A8;--itb-renee:#FF8A73;--itb-garcia:#7FD1C7;--itb-code:#0B0C0D;--itb-btn-bg:#F2F0EA;--itb-btn-fg:#131416;color-scheme:dark}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--itb-bg:#FAFAF7;--itb-panel:#F0EFEA;--itb-line:#DEDCD5;--itb-text:#17181A;--itb-soft:#3E4247;--itb-mute:#5F646B;--itb-renee:#B83A22;--itb-garcia:#146C62;--itb-code:#F3F2EE;--itb-btn-bg:#17181A;--itb-btn-fg:#FAFAF7;color-scheme:light}}
:root[data-theme="light"]{--itb-bg:#FAFAF7;--itb-panel:#F0EFEA;--itb-line:#DEDCD5;--itb-text:#17181A;--itb-soft:#3E4247;--itb-mute:#5F646B;--itb-renee:#B83A22;--itb-garcia:#146C62;--itb-code:#F3F2EE;--itb-btn-bg:#17181A;--itb-btn-fg:#FAFAF7;color-scheme:light}
body{background:var(--itb-bg);color:var(--itb-text);-webkit-font-smoothing:antialiased}
a{color:var(--itb-text)}a:hover{color:var(--itb-renee)}
.itb-mono,.itb-header,.itb-footer,.itb-meta,.wp-block-post-date,.wp-block-post-terms{font-family:'IBM Plex Mono',ui-monospace,monospace}
/* header and footer */
.itb-header{border-bottom:1px solid var(--itb-line)}
.itb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.itb-logo{text-decoration:none;font-weight:600;font-size:16px}.itb-logo span{color:var(--itb-renee)}
.itb-nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:14px}.itb-nav a{text-decoration:none}
.itb-mode{background:none;border:1px solid var(--itb-line);color:var(--itb-text);border-radius:999px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.itb-footer{border-top:1px solid var(--itb-line);font-size:13px;color:var(--itb-mute)}
.itb-footer a{color:var(--itb-mute)}
.itb-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 0}
/* meta line */
.itb-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--itb-mute)}
.itb-meta a{color:var(--itb-mute);text-decoration:none}
.itb-voices{color:var(--itb-garcia);margin:0}
/* tried / broke / worked */
.itb-tbw{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.itb-tbw>p{background:var(--itb-panel);border-radius:8px;padding:16px 18px;margin:0!important;font-size:15px;line-height:1.5}
.itb-tbw>p::before{display:block;font-family:'IBM Plex Mono',monospace;font-size:12px;margin-bottom:6px}
.itb-tbw>p.itb-t::before{content:"TRIED";color:var(--itb-mute)}
.itb-tbw>p.itb-b::before{content:"BROKE";color:var(--itb-renee)}
.itb-tbw>p.itb-w::before{content:"WORKED";color:var(--itb-garcia)}
.itb-tbw>p:empty{display:none}
/* cards on the home page */
.itb-card{border:1px solid var(--itb-line);border-radius:10px;padding:24px}
.itb-card .wp-block-post-title a{text-decoration:none}
/* post body */
.itb-body{font-family:'IBM Plex Serif',Georgia,serif;font-size:19px;line-height:1.75}
.itb-body h2,.itb-body h3,.itb-body h4{font-family:'IBM Plex Sans',sans-serif}
.itb-body img{height:auto;border-radius:8px}
/* who wrote this section */
.is-style-voice-renee,.is-style-voice-garcia,.is-style-voice-guest{border-top:1px solid var(--itb-line);padding-top:28px;margin-top:40px}
.is-style-voice-renee::before,.is-style-voice-garcia::before,.is-style-voice-guest::before{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:13px;padding:5px 12px;border-radius:999px;background:var(--itb-panel)}
.is-style-voice-renee::before{content:"\25CF  written by Renee";color:var(--itb-renee)}
.is-style-voice-garcia::before{content:"\25CF  written by Garcia (Claude)";color:var(--itb-garcia)}
.is-style-voice-guest::before{content:"\25CF  " attr(data-voice);color:var(--itb-soft)}
/* prompt box */
.wp-block-code{background:var(--itb-code);border:1px solid var(--itb-line);border-radius:10px;padding:18px 16px;font-size:14px;line-height:1.65;white-space:pre-wrap;color:var(--itb-text)}
.itb-prompt-wrap{position:relative}
.itb-copy{position:absolute;top:8px;right:8px;font:500 13px 'IBM Plex Mono',monospace;background:var(--itb-btn-bg);color:var(--itb-btn-fg);border:0;border-radius:6px;padding:10px 14px;min-height:40px;cursor:pointer}
.is-style-prompt{padding-top:60px}
/* archive rows */
.itb-row{display:flex;gap:24px;padding:12px 0;border-bottom:1px solid var(--itb-line);align-items:baseline}
.itb-row .wp-block-post-date{color:var(--itb-mute);font-size:14px;min-width:100px}
.itb-row .wp-block-post-title{font-size:17px;font-weight:400;margin:0}
.itb-row .wp-block-post-title a{text-decoration:none}
.itb-team .wp-block-column,.itb-team>.wp-block-group{border:1px solid var(--itb-line);border-radius:8px;padding:18px}
.wp-block-comments input,.wp-block-comments textarea{background:var(--itb-panel);color:var(--itb-text);border:1px solid var(--itb-line);border-radius:6px;padding:10px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* boxes and players kept from old posts */
.itb-legacy-box{background:var(--itb-panel);border-radius:8px;padding:16px 20px;margin:24px 0}
.itb-legacy-box summary{cursor:pointer;font-family:'IBM Plex Sans',sans-serif;font-weight:600}
.itb-legacy-btn{display:inline-block;background:var(--itb-btn-bg);color:var(--itb-btn-fg);padding:10px 16px;border-radius:6px;text-decoration:none;font-family:'IBM Plex Sans',sans-serif}
.itb-audio{width:100%;margin:16px 0}
/* post body lines up with the title */
.itb-body{max-width:700px}
/* phone header */
@media (max-width:600px){.itb-nav{gap:14px;font-size:13px}.itb-mode{width:40px;height:40px}}