.free-depth{margin:32px 0;padding:30px;border:1px solid var(--line,#414746);border-radius:14px;background:var(--panel,#1b2020);color:var(--ink,#eee)}
.free-depth-kicker{font:10px 'DM Mono',monospace;letter-spacing:.12em;color:#94b4a7;margin:0 0 16px}
.free-depth h3{font-size:clamp(23px,3vw,32px);line-height:1.25;letter-spacing:-.03em;margin:0 0 22px;max-width:28ch}
.free-depth-reading{max-width:72ch}.free-depth-reading p{font-size:15px;line-height:1.9;margin:0 0 18px;color:#c2cac5}
.free-depth-example{padding:23px 24px;border-left:2px solid #99b7a9;background:#ffffff05;border-radius:0 8px 8px 0;margin:26px 0}
.free-depth-example>span{font:10px 'DM Mono',monospace;letter-spacing:.08em;color:#9cbcaf}.free-depth-example p{font-size:14px;line-height:1.85;margin:12px 0 0}
.free-depth-prompt{font-size:14px;line-height:1.8;padding-top:5px;margin-bottom:0}
:root[data-theme="light"] .free-depth{background:#eeefe8;color:#26312b;border-color:#cdd3c9}
:root[data-theme="light"] .free-depth-reading p{color:#48564d}
:root[data-theme="light"] .free-depth-kicker,:root[data-theme="light"] .free-depth-example>span{color:#406b55}
:root[data-theme="light"] .free-depth-example{background:#dfe5db;border-color:#577c63}
@media(max-width:620px){.free-depth{padding:23px 20px;margin:25px 0}.free-depth-reading p{font-size:14px;line-height:1.85}.free-depth-example{padding:18px}.free-depth h3{font-size:25px}}