/* Design tokens: daylight paper, quiet ink, sea-glass accents */
:root {
    --ink_0: #f5f7f6; --ink_1: #ffffff; --ink_2: #edf3f1; --ink_3: #e2eeeb;
    --paper: #24383b; --paper_muted: #52696b; --paper_quiet: #627477;
    --line: #dbe5e2; --line_strong: #afc5c0;
    --ice: #316f73; --ice_bright: #175f59; --safex: #17657c;
    --teal: #277d71; --teal_bright: #176c61; --teal_deep: #126056; --teal_wash: #e4f1eb;
    --ember: #946335; --live: #a43942; --success: #206b50; --danger: #9c353b;
    --shadow: 0 12px 40px rgba(31,66,58,.055);
    --serif: ui-serif, Georgia, Cambria, 'Times New Roman', serif;
    --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --content_max: 1380px; --reading_max: 740px; --radius: 24px;
}

/* Reset and accessible controls */
*,*::before,*::after { box-sizing:border-box; }
html { background:var(--ink_0); color-scheme:light; scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; min-width:280px; font:1rem/1.6 var(--sans); color:var(--paper); background:var(--ink_0); }
img,video { display:block; max-width:100%; }
a { color:inherit; text-decoration-color:var(--line_strong); text-underline-offset:.22em; }
a:hover { color:var(--teal_deep); }
button,input,textarea,select { font:inherit; }
button,input,textarea,select { border:1px solid var(--line_strong); border-radius:14px; background:var(--ink_1); color:var(--paper); }
button { cursor:pointer; padding:.6rem .9rem; min-height:44px; touch-action:manipulation; }
button:hover { background:var(--ink_2); }
button:disabled { cursor:wait; opacity:.55; }
input,select,textarea { min-height:48px; padding:.75rem .85rem; max-width:100%; width:100%; }
textarea { resize:vertical; }
input[type=checkbox] { width:22px; height:22px; min-height:22px; accent-color:var(--teal); }
input::placeholder,textarea::placeholder { color:var(--paper_quiet); opacity:1; }
:focus-visible { outline:3px solid var(--teal); outline-offset:3px; }
::selection { background:#c8e6db; }
[hidden] { display:none !important; }
:target { scroll-margin-top:90px; }
.skip_link { position:fixed; left:1rem; top:-5rem; z-index:500; padding:.8rem 1rem; background:white; border-radius:12px; }
.skip_link:focus { top:1rem; }
h1,h2,h3 { font-family:var(--serif); font-weight:500; letter-spacing:-.025em; line-height:1.13; overflow-wrap:anywhere; }
h1 { font-size:clamp(2.7rem,5.6vw,5.5rem); margin:0 0 .4em; }
h2 { font-size:clamp(1.65rem,3vw,2.6rem); margin:.3rem 0 1rem; }
h3 { font-size:1.4rem; }
p { margin:0 0 1rem; overflow-wrap:anywhere; }
.kicker,.eyebrow { color:var(--teal_deep); font-size:.75rem; letter-spacing:.14em; font-weight:700; text-transform:uppercase; }
.fine_print { color:var(--paper_quiet); font-size:.875rem; }
.button_primary,.button_secondary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:1px solid var(--line_strong); border-radius:14px; min-height:48px; padding:.7rem 1.15rem; text-decoration:none; font-weight:600; }
.button_primary,button.button_primary { color:#fff; background:var(--teal_deep); border-color:var(--teal_deep); }
.button_primary:hover,button.button_primary:hover { background:#0e5149; color:#fff; }
.button_secondary { background:#fff; }
.status_dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--teal); }
.status_dot.is_off { background:var(--danger); }
.empty_state { color:var(--paper_quiet); padding:2rem 1rem; }
.form_error,[data-state=error] { color:var(--danger); }

/* Sea-glass scrollbars, retaining native scrolling and accessibility */
:root,* { scrollbar-color:#789e94 #eaf1ed; scrollbar-width:thin; }
::-webkit-scrollbar { width:11px; height:11px; }
::-webkit-scrollbar-track { background:#eaf1ed; border-radius:12px; }
::-webkit-scrollbar-thumb { background:#789e94; border:3px solid #eaf1ed; border-radius:12px; }
::-webkit-scrollbar-thumb:hover { background:#427e6d; }
::-webkit-scrollbar-corner { background:transparent; }
@media(forced-colors:active) { :root,* { scrollbar-color:auto; scrollbar-width:auto; } }

/* Persistent faucet receipts */
.faucet_transaction { display:grid; gap:.5rem; margin-top:.6rem; min-width:0; }
.faucet_transaction code { white-space:normal; overflow-wrap:anywhere; font-size:.72rem; user-select:all; }
.faucet_transaction button { justify-self:start; padding:.3rem .6rem; font-size:.8rem; background:var(--teal_wash); border:0; }
.faucet_next_claim { padding:1rem; margin-top:1rem; background:var(--teal_wash); border-radius:14px; color:var(--teal_deep); }

/* Public masthead and navigation */
.site_header { position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:88px; padding:1rem max(1.5rem,calc((100vw - 1316px)/2)); border-bottom:1px solid var(--line); background:rgba(245,247,246,.96); backdrop-filter:blur(16px); }
.masthead { display:flex; flex-direction:column; text-decoration:none; flex-shrink:0; }
.masthead strong { font:500 1.25rem/1.3 var(--serif); letter-spacing:.08em; }
.masthead span { margin-top:.3rem; font-size:.75rem; letter-spacing:.13em; color:var(--paper_quiet); }
.desktop_nav { display:flex; align-items:center; gap:.25rem; }
.site_nav_link { display:inline-flex; align-items:center; min-height:44px; padding:.6rem .8rem; text-decoration:none; font-size:.9rem; color:var(--paper_muted); border-radius:100px; }
.site_nav_link.is_active { color:var(--teal_deep); background:var(--teal_wash); }
.menu_button,.mobile_bottom_nav { display:none; }
.mobile_menu { position:fixed; inset:76px 1rem auto; z-index:99; background:white; padding:1rem; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); }
.mobile_menu .site_nav_link { display:block; }
.site_footer { max-width:var(--content_max); margin:4rem auto 0; padding:2rem; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:2rem; color:var(--paper_quiet); font-size:.875rem; }
.footer_identity { display:flex; flex-direction:column; }
.footer_identity strong { font-family:var(--serif); letter-spacing:.08em; }
.footer_legal { display:flex; gap:1.2rem; }
.footer_legal a { min-height:44px; display:flex; align-items:center; }

/* The homepage opening: a personal editorial page */
.home_page { max-width:var(--content_max); margin:auto; padding:1.5rem 2rem 0; }
.offline_primary,.scheduled_primary,.replay_primary { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(240px,.75fr); min-height:420px; border:1px solid #e5e9e1; border-radius:28px; overflow:hidden; background:linear-gradient(120deg,#f4f0e8,#edf5f0); }
.primary_copy { padding:clamp(1.5rem,4.5vw,4rem); align-self:center; }
.primary_copy h1 { max-width:14ch; font-size:clamp(2.7rem,5.7vw,5.2rem); }
.primary_copy>p:not(.kicker) { max-width:45ch; color:var(--paper_muted); font-size:1.05rem; }
.primary_links { display:flex; align-items:center; flex-wrap:wrap; gap:1.3rem; margin-top:1.6rem; }
.primary_links>a:not(.button_primary) { font-size:.9rem; min-height:44px; display:flex; align-items:center; }
.primary_margin { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:3rem; border-left:1px solid #dce5dd; margin:3rem 0; }
.primary_margin>span { font:italic 2.3rem/1.3 var(--serif); color:#658079; }
.primary_margin p { color:var(--paper_muted); font-size:.875rem; margin-top:2rem; }
.primary_image { width:auto; height:auto; max-height:600px; object-fit:contain; align-self:center; justify-self:center; }
.home_body_grid { display:grid; grid-template-columns:minmax(0,1fr) 308px; gap:2.5rem; margin-top:2.4rem; }
.home_side_rail { display:grid; gap:1.8rem; align-self:start; position:sticky; top:110px; }
.quiet_manifesto { padding:1.4rem; color:var(--paper_muted); }
.quiet_manifesto blockquote { font:1.8rem/1.3 var(--serif); margin:1rem 0; color:var(--paper); }
.quiet_manifesto p { font-size:.925rem; }
.scheduled_primary { background:linear-gradient(130deg,#f8eee9,#f5f3ec); }
.live_countdown { margin:1.2rem 0 .5rem; font:500 clamp(1.7rem,4vw,3rem)/1.3 var(--serif); font-variant-numeric:tabular-nums; }
.schedule_art { display:grid; place-items:center; font:italic clamp(2rem,5vw,5rem)/1.1 var(--serif); color:#8c7770; border-left:1px solid #e4dbd1; }
.replay_feature_art { position:relative; display:grid; place-items:center; min-height:240px; background:#d9e9e2; text-decoration:none; }
.replay_feature_art img { width:auto; height:auto; max-height:600px; object-fit:contain; }
.replay_feature_art>span { position:absolute; padding:1rem 1.4rem; border-radius:100px; background:white; box-shadow:var(--shadow); }

/* The Current: a continuous, legible publishing stream */
.section_heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.section_heading h2 { font-size:1.8rem; margin:.3rem 0; }
.section_heading a { font-size:.875rem; max-width:10rem; }
.current_spine { position:relative; }
.current_item { display:grid; grid-template-columns:72px minmax(0,1fr); margin:0; border-top:1px solid var(--line); }
.signal_marker { color:var(--paper_quiet); padding:1.6rem .5rem 0 0; font-size:.75rem; letter-spacing:.08em; }
.signal_marker span { display:block; color:var(--teal_deep); font-weight:700; }
.signal_marker time { display:block; margin-top:.5rem; }
.current_body { min-width:0; padding:1.5rem 0 1.8rem 1rem; }
.author_line { display:flex; align-items:center; gap:.7rem; margin-bottom:1rem; }
.author_orb { display:grid; place-items:center; width:40px; height:40px; background:#e3eee7; border-radius:50%; font:500 .9rem var(--serif); color:var(--teal_deep); }
.author_line>div { display:flex; flex-direction:column; }
.author_line strong { font-size:.95rem; font-weight:600; }
.author_line div span { font-size:.8rem; color:var(--paper_quiet); }
.note_text { white-space:pre-wrap; font-size:1.08rem; line-height:1.65; }
.content_actions { display:flex; gap:1rem; align-items:center; margin-top:1rem; }
.content_actions button,.content_actions a { border:0; background:transparent; color:var(--paper_muted); font-size:.875rem; min-height:44px; padding:.5rem .4rem; display:flex; align-items:center; }
.feed_media_grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; align-items:start; }
.feed_media_grid.media_count_1 { grid-template-columns:1fr; }
.feed_media { width:auto; height:auto; max-width:100%; max-height:560px; object-fit:contain; border-radius:18px; }
.feed_image_link { display:block; width:fit-content; max-width:100%; border-radius:18px; cursor:zoom-in; }
.feed_media_grid video { object-fit:contain; background:#e4ebe8; }
.current_body h2 { font-size:2rem; margin:.5rem 0; }
.current_body h2 a { text-decoration:none; }
.deck { color:var(--paper_muted); }
.essay_cover { width:auto; height:auto; max-height:400px; object-fit:contain; border-radius:20px; margin-bottom:1rem; }
.generated_cover,.generated_video_cover { min-height:150px; background:linear-gradient(130deg,#e3eeeb,#f0eae1); display:grid; place-items:center; border-radius:20px; color:var(--teal_deep); }
.generated_cover span { font:italic 2rem var(--serif); }
.generated_video_cover { position:relative; overflow:hidden; text-decoration:none; }
.generated_video_cover img { width:auto; height:auto; max-height:260px; object-fit:contain; }
.generated_video_cover>span { position:absolute; background:#fff; border-radius:50%; padding:.7rem 1rem; }
.new_note_banner { position:sticky; top:96px; z-index:5; text-align:center; }
.new_note_banner button { border-radius:100px; background:white; color:var(--teal_deep); box-shadow:var(--shadow); }
.home_new_note_banner { grid-column:1; margin-bottom:-1rem; }

/* Safex, a restrained dedicated invitation */
.safex_start { padding:1.6rem; border:1px solid #cddfe4; background:#ebf3f6; border-radius:24px; }
.safex_signal { color:var(--safex); font-size:.75rem; letter-spacing:.15em; font-weight:700; }
.safex_start h2 { font-size:2rem; line-height:1.12; margin:1rem 0 1.4rem; }
.safex_start ol { padding-left:1.2rem; margin-bottom:1.5rem; }
.safex_start li { padding:.35rem 0; font-size:.95rem; color:var(--paper_muted); }
.safex_actions { display:grid; gap:.6rem; }
.safex_start .fine_print { margin:1rem 0 0; }

/* Live viewing and conversation */
.live_takeover { display:grid; grid-template-columns:minmax(0,1fr) 340px; border:1px solid var(--line); border-radius:24px; overflow:hidden; background:white; }
.live_stage { position:relative; min-width:0; }
.live_video_surface { min-height:0; background:#263e3c; display:grid; place-items:center; overflow:hidden; }
.live_video_surface video { width:auto; height:auto; object-fit:contain; }
.live_video_surface audio { display:none; }
.live_waiting { color:#e4f0eb; padding:2rem; text-align:center; }
.live_badge { position:absolute; top:1rem; left:1rem; z-index:4; border-radius:100px; padding:.45rem .75rem; font-size:.75rem; font-weight:700; background:#fff1ec; color:var(--live); }
.live_badge span { display:inline-block; background:var(--live); width:7px; height:7px; border-radius:50%; margin-right:.3rem; }
.live_audio_button { position:absolute; top:1rem; right:1rem; z-index:4; background:white; }
.live_stage_meta { padding:1.5rem; display:flex; justify-content:space-between; gap:1rem; }
.live_stage_meta h1 { font-size:clamp(1.8rem,3.5vw,3.3rem); }
.live_stage_meta p { color:var(--paper_muted); margin-bottom:.3rem; }
.live_presence { min-width:84px; text-align:right; }
.live_presence strong { display:block; font:2rem var(--serif); }
.live_presence span { font-size:.875rem; }
.live_chat_shell { display:flex; flex-direction:column; min-height:380px; max-height:700px; border-left:1px solid var(--line); }
.live_chat_shell>header,.studio_chat>header { display:flex; align-items:center; justify-content:space-between; padding:1rem; border-bottom:1px solid var(--line); gap:.5rem; }
.live_chat_shell>header strong { font-size:.95rem; }
.chat_messages { flex:1; overflow-y:auto; min-height:150px; padding:.75rem 1rem; overflow-wrap:anywhere; }
.chat_message { padding:.65rem 0; border-bottom:1px solid var(--line); }
.chat_message header { display:flex; align-items:baseline; gap:.5rem; }
.chat_message time { font-size:.75rem; color:var(--paper_quiet); }
.chat_message strong { font-size:.875rem; }
.chat_message p { margin:.3rem 0 0; font-size:.95rem; }
.chat_form { display:grid; grid-template-columns:1fr auto; gap:.5rem; padding:.75rem; border-top:1px solid var(--line); }
.chat_form input { grid-column:1/-1; }
.chat_form textarea { min-width:0; }
.chat_form button { background:var(--teal_deep); color:white; }
.mobile_chat_close,.mobile_chat_button { display:none; }
.offline_live_page { padding:clamp(1.5rem,4vw,4rem); border-radius:24px; background:#f0f4ed; }
.replay_list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.replay_list article { border-top:1px solid var(--line); padding:1.5rem 0; }

/* Reading, long-form writing and video */
.page_frame,.notes_page { max-width:1180px; margin:auto; padding:clamp(2rem,5vw,4rem) 2rem; }
.editorial_header { max-width:780px; margin-bottom:2.5rem; }
.editorial_header>p:not(.kicker) { color:var(--paper_muted); max-width:56ch; }
.notes_stream,.single_note_page { max-width:820px; margin:auto; }
.single_note_page { padding:2rem; }
.blog_index_item { display:grid; grid-template-columns:1fr 1.4fr; gap:2rem; border-top:1px solid var(--line); padding:2rem 0; }
.blog_index_item h2 { font-size:2.6rem; }
.blog_index_item:not(:has(.blog_index_art)) { grid-template-columns:minmax(0,1fr); max-width:780px; }
.blog_index_art { align-self:start; border-radius:22px; overflow:hidden; }
.blog_index_art img { width:auto; height:auto; max-height:400px; object-fit:contain; }
.article_shell { max-width:1160px; margin:auto; padding:3.5rem 2rem; display:grid; grid-template-columns:180px minmax(0,var(--reading_max)); gap:3rem; }
.article_toc { position:sticky; top:112px; align-self:start; border-left:1px solid var(--line); padding-left:1rem; }
.article_toc a { display:block; font-size:.875rem; padding:.5rem 0; color:var(--paper_muted); }
.article_header h1 { font-size:clamp(2.6rem,5vw,4.7rem); }
.article_deck { font:1.45rem/1.5 var(--serif); color:var(--paper_muted); }
.byline { color:var(--paper_quiet); font-size:.875rem; margin:1.2rem 0; }
.article_hero { margin:1.5rem 0; }
.image_media { display:inline-block; max-width:100%; line-height:0; }
.image_media img,.article_prose img { border-radius:22px; width:auto; height:auto; max-width:100%; object-fit:contain; }
.article_hero img { max-height:65dvh; }
.article_prose { font-size:1.12rem; line-height:1.85; }
.article_prose h2 { margin-top:2.7rem; }
.article_prose h3 { margin-top:2rem; }
.article_prose blockquote { border-left:3px solid var(--line_strong); padding-left:1.5rem; margin:2rem 0; font:1.5rem/1.5 var(--serif); }
.article_prose figure { margin:2rem 0; }
/* Editorial images, credits and Markdown tables */
.editorial_figure .image_media { display:block; }
.editorial_figure .image_media img { display:block; margin:auto; max-width:100%; }
.editorial_figure.image_wide { width:calc(100% + 3rem); max-width:calc(100vw - 3rem); margin-left:-1.5rem; }
.editor_preview .editorial_figure.image_wide { width:100%; max-width:100%; margin-left:0; }
.image_caption,.image_credit { display:block; margin-top:.4rem; }
.image_credit { font-size:.8rem; }
.article_table { overflow:auto; margin:1.5rem 0; border:1px solid var(--line); border-radius:12px; scrollbar-width:thin; scrollbar-color:#89b0a1 #eff5f0; }
.article_table table { border-collapse:collapse; width:100%; min-width:280px; font:.95rem/1.65 var(--sans); }
.article_table th,.article_table td { padding:.75rem 1rem; text-align:left; border-bottom:1px solid var(--line); }
.article_table th { background:#eaf2ec; }
.article_table tr:last-child td { border-bottom:0; }
.article_prose li + li { margin-top:.3rem; }
@media(max-width:700px) { .editorial_figure.image_wide { width:100%; max-width:100%; margin-left:0; } }
.article_prose figcaption { font: .875rem/1.5 var(--sans); color:var(--paper_quiet); }
.code_block { position:relative; margin:1.5rem 0; border-radius:18px; overflow:hidden; background:#eaf0ed; border:1px solid var(--line); }
.code_block pre { overflow:auto; font:.9rem/1.65 var(--mono); margin:0; padding:1.5rem; }
.code_label { padding:.5rem 1rem; font:.75rem var(--mono); color:var(--paper_quiet); }
.article_prose :not(pre)>code { font:.9em var(--mono); background:var(--ink_2); border-radius:5px; padding:.1rem .25rem; overflow-wrap:anywhere; }
.article_continue,.video_continue { display:flex; flex-wrap:wrap; gap:2rem; padding:2rem 0; border-top:1px solid var(--line); margin-top:2rem; }
.video_grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
.video_grid article { min-width:0; }
.video_grid h2 { font-size:1.8rem; }
.video_card_visual { display:grid; place-items:center; aspect-ratio:16/10; border-radius:22px; overflow:hidden; background:#e3ece7; margin-bottom:1rem; }
.video_card_visual video,.video_card_visual img { width:auto; height:auto; max-height:400px; object-fit:contain; }
.video_page { max-width:1060px; margin:auto; padding:2rem; }
.video_player { width:auto; height:auto; max-width:100%; object-fit:contain; background:#253e3d; border-radius:22px; margin:0 0 1.5rem; }
.video_page h1 { font-size:clamp(2.5rem,5vw,4.5rem); }
.prose_page,.legal_document { max-width:1060px; margin:auto; padding:clamp(2rem,6vw,5rem) 2rem; }
.prose_page { max-width:820px; }
.prose_page p,.legal_body p { line-height:1.8; }
.legal_header { max-width:820px; border-bottom:1px solid var(--line); padding-bottom:2rem; }
.legal_intro { font:1.4rem/1.5 var(--serif); color:var(--paper_muted); }
.legal_effective { color:var(--teal_deep); font-size:.875rem; }
.legal_body { max-width:780px; margin:2rem 0 0 auto; }
.legal_body section { padding:1rem 0 2rem; border-bottom:1px solid var(--line); }
.legal_body h2 { font-size:1.8rem; }
.legal_body p { color:var(--paper_muted); }
.content_withdrawn { max-width:840px; min-height:50vh; margin:auto; display:grid; align-content:center; padding:3rem 2rem; }

/* Faucet */
.faucet_page { max-width:1200px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:4rem; padding:4rem 2rem; }
.faucet_intro h1 { font-size:clamp(2.5rem,5vw,4.8rem); }
.faucet_lead { font:1.35rem/1.5 var(--serif); }
.faucet_steps { padding-left:1.3rem; color:var(--paper_muted); }
.faucet_steps li { padding:.5rem; }
.faucet_claim_panel { align-self:start; background:#edf4f6; padding:2rem; border:1px solid #cfdee3; border-radius:24px; }
.faucet_claim_panel label { display:grid; gap:.5rem; margin-bottom:1rem; }
.faucet_claim_panel textarea { min-height:130px; }
.faucet_result { margin-top:1rem; padding:1rem; border-radius:14px; background:white; overflow-wrap:anywhere; }

/* Tablet and mobile reading */
@media(max-width:1050px) {
    .desktop_nav { display:none; } .menu_button { display:block; }
    .site_header { min-height:76px; }
    .home_body_grid { grid-template-columns:minmax(0,1fr) 270px; gap:1.5rem; }
    .live_takeover { grid-template-columns:minmax(0,1fr); }
    .live_chat_shell { border:0; border-top:1px solid var(--line); max-height:430px; }
    .article_shell { grid-template-columns:minmax(0,var(--reading_max)); justify-content:center; gap:1.5rem; }
    .article_toc { position:static; display:flex; flex-wrap:wrap; gap:.4rem 1.3rem; border:0; padding:0; }
    .article_toc .kicker { width:100%; }
    .video_grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px) {
    body { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
    .site_header { min-height:68px; gap:.5rem; padding:.6rem 1rem; }
    .masthead strong { font-size:1.1rem; }
    .masthead span { font-size:.75rem; letter-spacing:.07em; }
    .masthead { min-width:0;flex-shrink:1; }
    .menu_button { flex-shrink:0; }
    .mobile_menu { top:72px; }
    .mobile_bottom_nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); position:fixed; inset:auto 0 0; z-index:90; background:rgba(255,255,255,.97); border-top:1px solid var(--line); padding:.25rem .4rem calc(.25rem + env(safe-area-inset-bottom)); }
    .mobile_bottom_nav a { display:grid; place-items:center; min-height:56px; font-size:.875rem; text-decoration:none; }
    .home_page { padding:1rem; }
    .offline_primary,.scheduled_primary,.replay_primary { grid-template-columns:1fr; min-height:0; border-radius:24px; }
    .primary_copy { padding:1.8rem 1.5rem; }
    .primary_copy h1 { font-size:clamp(2.5rem,9vw,3.7rem); }
    .primary_copy>p:not(.kicker) { font-size:1rem; }
    .primary_margin { display:none; }
    .primary_image { max-height:360px; }
    .schedule_art { display:none; }
    .replay_feature_art { min-height:190px; }
    .home_body_grid { grid-template-columns:minmax(0,1fr); margin-top:1.7rem; gap:1.2rem; }
    .home_side_rail { position:static; }
    .quiet_manifesto { display:none; }
    .section_heading h2 { font-size:1.65rem; }
    .section_heading>a { max-width:8rem; font-size:.875rem; }
    .current_item { display:block; }
    .signal_marker { padding:1rem 0 0; display:flex; justify-content:space-between; font-size:.75rem; }
    .signal_marker time { margin:0; }
    .current_body { padding:.75rem 0 1.4rem; }
    .current_body h2 { font-size:1.9rem; }
    .note_text { font-size:1.05rem; }

    .live_stage_meta { padding:1.1rem; gap:.5rem; }
    .live_stage_meta h1 { font-size:2rem; }
    .live_presence strong { font-size:1.8rem; }
    .live_presence span { font-size:.8rem; }
    .live_chat_shell { position:fixed; inset:auto 0 0; height:90dvh; max-height:90dvh; z-index:300; display:none; border-radius:24px 24px 0 0; background:white; box-shadow:0 -20px 90px #27473b40; padding-bottom:env(safe-area-inset-bottom); }
    .live_chat_shell.is_open { display:flex; }
    .mobile_chat_close { display:block; }
    .mobile_chat_button { display:block; width:calc(100% - 2rem); margin:0 1rem 1rem; }
    .page_frame,.notes_page,.article_shell,.prose_page,.legal_document,.video_page,.single_note_page { padding:2rem 1rem; }
    .article_header h1 { font-size:2.8rem; }
    .article_prose { font-size:1.07rem; }
    .article_deck { font-size:1.25rem; }
    .blog_index_item { grid-template-columns:1fr; gap:1rem; }
    .video_grid,.replay_list { grid-template-columns:1fr; }
    .faucet_page { grid-template-columns:1fr; padding:2rem 1rem; gap:1.5rem; }
    .faucet_claim_panel { padding:1.3rem; }
    .site_footer { display:grid; grid-template-columns:1fr auto; padding:1.5rem 1rem; margin-top:2rem; font-size:.8rem; }
    .site_footer>p { display:none; }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }

/* Note reading layer and full-composition media viewing */
.reading_layer,.image_lightbox { border:1px solid var(--line); border-radius:24px; padding:0; color:var(--paper); background:#fffefa; box-shadow:0 24px 100px #24383b26; overscroll-behavior:contain; }
.reading_layer::backdrop,.image_lightbox::backdrop { background:rgba(36,56,59,.35); backdrop-filter:blur(4px); }
.reading_layer { width:min(760px,calc(100% - 48px)); max-height:90vh; max-height:90dvh; }
.reading_header { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:12px 20px; background:#fffefa; border-bottom:1px solid var(--line); }
.reading_header h2 { margin:0; font-size:1.25rem; }
.reading_header button { flex-shrink:0; }
.reading_body { padding:24px; min-height:160px; }
.reading_body .note_item { display:block; border:0; }
.reading_body .signal_marker { display:none; }
.reading_body .current_body { padding:0; }
.reading_permalink { display:block; width:fit-content; padding:.6rem 0; margin-top:1rem; }
.image_lightbox { width:fit-content; min-width:280px; max-width:calc(100% - 32px); max-height:96vh; max-height:96dvh; }
.lightbox_body { padding:16px; display:grid; place-items:center; min-height:100px; }
.lightbox_body img { width:auto; height:auto; max-width:100%; max-height:calc(96dvh - 175px); object-fit:contain; }
.image_lightbox footer { padding:0 20px 12px; }
.image_lightbox footer a { display:inline-flex; min-height:44px; align-items:center; font-size:.875rem; }
@media(max-width:600px) {
    .reading_layer { width:100%; max-width:100%; max-height:93vh; max-height:93dvh; margin:auto 0 0; border-radius:24px 24px 0 0; border-bottom:0; padding-bottom:env(safe-area-inset-bottom); }
    .reading_header { padding:12px 16px; }
    .reading_body { padding:20px 16px; }
    .image_lightbox { min-width:0; width:calc(100% - 16px); max-width:calc(100% - 16px); border-radius:20px; }
    .lightbox_body { padding:8px; }
    .feed_media { max-height:70vh; max-height:70dvh; }
}

/* Shared media geometry: source proportions, bounded natural size, one frame. */
.media_frame { width:fit-content; max-width:100%; margin:0 0 1rem; display:flex; flex-direction:column; align-items:center; gap:.45rem; border-radius:20px; background:#edf1ee; padding:.6rem; }
.media_frame figcaption { font-size:.78rem; color:var(--paper_muted); align-self:flex-start; padding:0 .3rem; }
.media_frame .video_player,.live_video_surface video { width:min(100%,var(--media-width,100%),calc(68dvh * var(--media-ratio,1.7778))); height:auto; max-height:68dvh; aspect-ratio:var(--media-ratio,auto); object-fit:contain; border-radius:16px; margin:0; background:transparent; }
.media_inline .video_player { max-height:520px; max-height:min(64dvh,520px); width:min(100%,var(--media-width,100%),calc(min(64dvh,520px) * var(--media-ratio,1.7778))); }
.live_video_surface { aspect-ratio:auto; min-height:180px; max-height:none; background:#e5edE8; padding:.65rem; }
.live_video_surface audio { display:none; }
.video_page>.media_frame { margin:0 auto 1.7rem; }
.video_page>h1 { font-size:clamp(2rem,5vw,3.6rem); }
.offline_primary { min-height:300px; }
.offline_primary .primary_copy { padding:2.2rem 3rem; }
.offline_primary .primary_margin { margin:2rem 0; padding:1rem 2.5rem; }
.offline_primary .primary_margin>span { font-size:1.7rem; line-height:1.2; }
.offline_primary h1 { font-size:clamp(2.5rem,5.2vw,4.7rem); }
@media(max-width:720px) {
    .offline_primary .primary_copy { padding:1.5rem; }
    .offline_primary h1 { font-size:2.4rem; }
    .offline_primary .primary_copy>p:not(.kicker) { margin:.8rem 0 1.2rem; }
    .media_frame { padding:.35rem; border-radius:18px; }
    .live_video_surface video { max-height:58dvh; width:min(100%,var(--media-width,100%),calc(58dvh * var(--media-ratio,1.7778))); }
}

/* Editorial relationships and continuous reading. */
@media(max-width:360px) {
    .offline_primary .primary_copy { padding:1.25rem; }
    .offline_primary h1 { font-size:2.1rem; }
    .offline_primary .primary_links { gap:.5rem 1rem;margin-top:1rem; }
    .mobile_menu { top:90px;max-height:calc(100dvh - 160px);overflow:auto; }
}
.series_context { display:block; color:var(--teal_deep); font-size:.9rem; margin:.6rem 0; }
.series_page { max-width:850px; margin:2rem auto 4rem; padding:0 1.4rem; }
.series_cover { width:auto; height:auto; max-width:100%; max-height:420px; object-fit:contain; border-radius:20px; margin:1.2rem 0; }
.series_contents { margin:2rem 0; padding:1.5rem; border-radius:22px; background:#edf2ec; }
.series_contents ol { padding:0; list-style:none; }
.series_contents li+li { border-top:1px solid var(--line); }
.series_contents a { display:flex; gap:1rem; padding:1rem 0; align-items:baseline; text-decoration:none; }
.series_contents a span { font-size:.85rem; color:var(--paper_muted); }
.chapter_navigation { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:2rem 0; padding:1.3rem; background:#edf3ef; border-radius:20px; }
.chapter_navigation a { display:flex; flex-direction:column; text-decoration:none; min-height:48px; justify-content:center; }
.chapter_navigation .series_back { grid-column:1/-1; font-size:.9rem; }
.reading_layer .article_shell { display:block; padding:0; }
.reading_layer .article_toc { display:none; }
.reading_layer .article_body,.reading_layer .video_page,.reading_layer .series_page { margin:0; padding:0; max-width:100%; }
.reading_layer .article_header h1 { font-size:clamp(2rem,5vw,3.5rem); }
.reading_header h2 { font-size:1rem; font-family:var(--sans); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:480px) { .chapter_navigation { grid-template-columns:1fr; } .series_contents { padding:1rem; } }

/* Cursor continuation stays in the reading column; it never becomes a grid rail. */
[data-public-feed] { min-width: 0; }
.new_publications { position: sticky; top: 96px; z-index: 8; margin: 12px 0; text-align: center; }
.new_publications button { background: var(--accent, #17665d); color: white; border-radius: 99px; min-height: 44px; padding: 10px 20px; box-shadow: 0 4px 18px #243c3420; }
.feed_continuation { display: flex; justify-content: center; padding: 24px 8px; }
.feed_progress { min-height: 1.4em; text-align: center; }
@media(max-width: 720px) { .new_publications { top: 76px; } }

/* Tablet widths need room for reading before the secondary rail. */
.home_side_rail,.safex_start,.safex_actions { min-width:0; }
.mobile_menu { max-height:calc(100dvh - 100px); overflow-y:auto; }
@media (min-width:721px) and (max-width:980px) {
    .home_body_grid { grid-template-columns:minmax(0,1fr); gap:1.8rem; }
    .home_side_rail { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .home_page { padding-inline:1.5rem; }
    .primary_margin { padding:1.8rem; }
    .faucet_page { gap:2rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .faucet_page>* { min-width:0; }
}
@media (max-width:360px) {
    .masthead span { font-size:.65rem; letter-spacing:.04em; }
    .content_actions { flex-wrap:wrap; }
}


/* Public readership: gross publication exposure, deliberately quieter than editorial metadata. */
.public_meta { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem 1rem; margin:.7rem 0; color:var(--paper_quiet); font-size:.82rem; }
.public_seen { display:inline-flex; align-items:center; gap:.28rem; color:var(--paper_quiet); font-size:.82rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.public_meta time + .public_seen::before { content:'·'; color:var(--line_strong); margin-right:.05rem; }
.content_actions .public_seen { margin-right:auto; min-height:44px; }
.content_actions .public_seen::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--line_strong); }
.article_header .public_meta,.video_page>.public_meta,.series_page .article_header .public_meta { margin-top:-.5rem; }
@media(max-width:360px) { .content_actions .public_seen { flex-basis:100%; min-height:24px; } }

/* Safex starter journey — calm, factual milestones, full transaction fidelity. */
.starter_reward {display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;margin:1rem 0;color:var(--teal,#236c62);font-size:clamp(1.4rem,4vw,2.2rem)}
.claim_journey {display:flex;gap:.45rem;list-style:none;padding:0;margin:1.3rem 0;font-size:.8rem}
.claim_journey li {flex:1;padding:.65rem;border-radius:12px;background:#edf0ed;color:#46584f;line-height:1.4}
.claim_journey li[aria-current] {box-shadow:inset 0 0 0 1px #75968b;background:#e1eee6}
.claim_journey li.is_complete {background:#dcecdf;color:#225b42}
.faucet_payouts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.faucet_payouts>div {display:flex;flex-direction:column;gap:.45rem;padding:1rem;border:1px solid #dce4dd;background:#f7f9f5;border-radius:16px;min-width:0}
.faucet_payouts code,.claim_reference,.safex_claim code {overflow-wrap:anywhere;white-space:normal;font-size:.8rem}
.faucet_payouts summary {font-size:.8rem;min-height:44px;display:flex;align-items:center;cursor:pointer}
[data-claim-refresh],[data-claim-dismiss] {margin:.6rem .5rem 0 0;min-height:44px}
[data-claim-dismiss] {font-size:.85rem}
.faucet_claim_panel [readonly] {background:#f0f3ee}
@media(max-width:375px) {.faucet_payouts {grid-template-columns:1fr}.claim_journey {font-size:.73rem}.claim_journey li {padding:.5rem}}

/* Site-wide Live — optional playback, above navigation and below focus layers. */
.public_live_dock {position:fixed;right:20px;bottom:20px;z-index:35;width:min(380px,calc(100vw - 32px));border:1px solid #d4ded8;border-radius:20px;background:#f6faf6;box-shadow:0 8px 36px #233e3320;overflow:hidden}
.public_live_dock[hidden],.live_dock_player[hidden] {display:none}
.live_dock_bar {display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem}
.live_dock_signal {font-size:.7rem;color:#8a3632;font-weight:700;max-width:6rem}
.live_dock_bar strong {min-width:0;flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live_dock_bar button,.live_dock_player button {min-height:44px;padding:.5rem .85rem;border-radius:12px}
.live_dock_player {max-height:65dvh;overflow:auto;overscroll-behavior:contain;border-top:1px solid #dae4dc}
.live_dock_player>header {display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.5rem .8rem;font-size:.85rem}
.live_dock_player .live_takeover {margin:0;border:0;border-radius:0;display:block}
.live_dock_player .live_stage {min-height:0}
.live_dock_player .live_video_surface {min-height:0;max-height:42dvh}
.live_dock_player video {max-height:42dvh;object-fit:contain}
.live_dock_player .live_chat_shell,.live_dock_player [data-live-chat-shell] {display:none}
body:has(dialog[open]) .public_live_dock {visibility:hidden}
@media(max-width:767px) {.public_live_dock {right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:min(380px,calc(100vw - 24px))}.live_dock_player {max-height:58dvh}.live_dock_player video {max-height:34dvh}}

/* Compact dock stage uses the shared media primitive without desktop stage spacing. */
.live_dock_player .live_stage_meta {padding:.75rem;gap:.5rem}
.live_dock_player .live_stage_meta h1 {font-size:1.15rem;line-height:1.25;margin:0}
.live_dock_player .live_stage_meta p {font-size:.85rem;margin:.25rem 0}
.faucet_steps {display:grid;gap:.7rem;margin-top:1.5rem}
.faucet_steps>div {display:flex;align-items:baseline;gap:.75rem}
.faucet_steps strong {color:#447b70;font-size:.85rem}
.faucet_result:empty {display:none}

/* Replay conversation timeline */
.replay_experience { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:1rem; align-items:start; margin-bottom:1.7rem; }
.replay_experience>.media_frame { margin:0; justify-self:center; }
.replay_chat { min-width:0; max-height:min(68dvh,700px); display:flex; flex-direction:column; border:1px solid var(--line); border-radius:20px; background:#fffefa; overflow:hidden; }
.replay_chat>header { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; padding:1rem; border-bottom:1px solid var(--line); }
.replay_chat>header .kicker { margin-bottom:.25rem; }
.replay_chat>header strong { font:1rem/1.35 var(--serif); }
.replay_chat>header>span { flex:0 0 auto; font:.78rem var(--mono); color:var(--paper_quiet); }
.replay_chat_messages { min-height:180px; overflow:auto; padding:.45rem 1rem 1rem; scroll-behavior:smooth; }
.replay_chat_message { padding:.75rem 0; border-bottom:1px solid var(--line); }
.replay_chat_message[hidden] { display:none; }
.replay_chat_message header { display:flex; align-items:baseline; justify-content:space-between; gap:.7rem; }
.replay_chat_message strong { font-size:.88rem; }
.replay_chat_message p { margin:.32rem 0 0; font-size:.95rem; overflow-wrap:anywhere; }
.replay_chat_time { min-height:32px; padding:.15rem .4rem; border:0; background:transparent; color:var(--paper_quiet); font:.74rem var(--mono); text-decoration:underline; text-underline-offset:2px; }
@media(max-width:900px) {
    .replay_experience { grid-template-columns:minmax(0,1fr); }
    .replay_chat { max-height:420px; }
}

/* Public faucet funding and settlement visibility */
.faucet_support {margin-top:2rem;padding:1.25rem;background:#f5f8f5;border:1px solid #d9e3dc;border-radius:20px}.faucet_support h2 {margin:.15rem 0 .5rem}.faucet_public_balances {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.faucet_public_balances>div {padding:.85rem;background:white;border-radius:14px}.faucet_public_balances span,.faucet_public_balances strong,.faucet_public_balances small {display:block}.faucet_public_balances span,.faucet_public_balances small {color:var(--paper_muted)}.faucet_public_balances strong {font:1.35rem var(--serif);margin:.2rem 0}.faucet_settlement {padding:.8rem;background:#edf4f7;border-radius:12px;font-size:.9rem}.faucet_donation_address {display:grid;gap:.4rem}.faucet_donation_address textarea {min-height:88px;resize:none;background:white;font-family:var(--mono,monospace);overflow-wrap:anywhere}.faucet_support button {margin-top:.7rem;min-height:44px}
@media(max-width:430px) {.faucet_public_balances {grid-template-columns:1fr}}

/* Faucet live balances and pending funding */
.faucet_claim_total { display:flex; flex-wrap:wrap; align-items:baseline; gap:.6rem; margin:1.1rem 0; color:var(--teal); }
.faucet_claim_total strong { font-size:1.8rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.faucet_claim_total span { font-size:.9rem; }
.faucet_public_balances small { display:block; margin-top:.45rem; color:var(--muted, #627b88); font-size:.78rem; line-height:1.45; }
.faucet_public_balances small[hidden] { display:none; }
.balance_updated { animation:faucet_balance_update .8s ease-out; }
@keyframes faucet_balance_update { from { color:#168678; } to { color:inherit; } }
@media (prefers-reduced-motion:reduce) { .balance_updated { animation:none; } }

/* About biography: direct links to Daniel’s public profiles. */
.about_profile_links { display:flex; flex-wrap:wrap; gap:.35rem 1.25rem; }
.about_profile_links a { display:inline-flex; align-items:center; min-height:44px; font-size:.88rem; text-underline-offset:4px; }

/* Archive entrance: the chronology remains closed until requested. */
.about_archive { margin-top:3rem; padding-top:1.4rem; border-top:1px solid var(--line); }
.about_archive [hidden] { display:none !important; }
.archive_gate { margin-top:1.25rem; }
.archive_entrance { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; list-style:none; cursor:pointer; padding:1.5rem 1.65rem; border-radius:22px; background:linear-gradient(115deg,#e7f1e9,#eef0fb); }
.archive_entrance::-webkit-details-marker { display:none; }
.archive_entrance_label { display:grid; gap:.3rem; }
.archive_entrance_label strong { font:1.65rem/1.3 var(--serif); }
.archive_when { font:.76rem/1.6 var(--mono,monospace); letter-spacing:.12em; color:var(--teal_deep); }
.archive_entrance_label>span:last-child { font-size:.94rem; color:var(--paper_muted); }
.archive_entrance_symbol { font:2rem var(--sans); color:var(--teal_deep); }
.archive_gate[open]>.archive_entrance .archive_entrance_symbol { transform:rotate(45deg); }
.archive_entrance:focus-visible,.archive_actions button:focus-visible,.archive_nav a:focus-visible,.archive_evidence summary:focus-visible { outline:2px solid var(--teal_deep); outline-offset:4px; }
.archive_inside { padding-top:1.3rem; }

/* Archive navigation and progress use the page’s ordinary scroll. */
.archive_toolbar { position:sticky; top:84px; z-index:8; display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.5rem 0; background:var(--ink_0,#f5f7f6); border-bottom:1px solid var(--line); }
.about_archive .archive_count { margin:0; font:.78rem/1.6 var(--mono,monospace); color:var(--teal_deep); }
.archive_actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.25rem; }
.archive_actions button { min-height:44px; padding:.4rem .6rem; background:transparent; border:0; font-size:.76rem; text-decoration:underline; text-underline-offset:3px; color:var(--teal_deep); cursor:pointer; }
.archive_nav { display:flex; flex-wrap:wrap; gap:.35rem; margin:1rem 0; }
.archive_nav a { display:inline-flex; align-items:center; min-height:44px; padding:.25rem .7rem; border-radius:10px; background:#edf3ee; font-size:.87rem; text-decoration:none; }
.archive_nav a:hover { background:#dfebe3; }
.about_archive .archive_help { font-size:.88rem; line-height:1.65; color:var(--paper_muted); }

/* Chronology: year markers and one continuous reading column. */
.archive_era { margin-top:3rem; padding-left:1.4rem; border-left:2px solid #dce8df; }
.archive_era_heading>span { display:block; font:2.5rem/1.15 var(--serif); color:var(--teal_deep); }
.archive_era_heading h3 { font:1.25rem/1.4 var(--serif); margin:.6rem 0 1rem; }
.archive_record { position:relative; padding:1.3rem 0; border-bottom:1px solid var(--line); }
.archive_record::before { content:''; position:absolute; width:7px; height:7px; left:-1.69rem; top:1.85rem; border-radius:50%; background:#83a695; }
.archive_record,.archive_era h3,.archive_entrance { scroll-margin-top:165px; }
.about_archive .archive_meta { margin:0 0 .35rem; color:var(--teal_deep); font-size:.78rem; line-height:1.6; }
.about_archive h4 { margin:0 0 .6rem; font:1.3rem/1.35 var(--serif); }
.archive_record>p { margin:.7rem 0; font-size:1rem; line-height:1.8; }
.about_archive .archive_links { display:flex; flex-wrap:wrap; gap:.2rem 1rem; font-size:.86rem; }
.archive_links a { display:inline-flex; align-items:center; min-height:44px; overflow-wrap:anywhere; }
.archive_permalink { color:var(--paper_muted); }

/* Source notes and genuine archival images remain optional. */
.archive_evidence { margin:.6rem 0 0; border-radius:12px; padding:0 .8rem; background:#f0f4ef; }
.archive_evidence summary { cursor:pointer; min-height:44px; padding:.6rem 0; box-sizing:border-box; font-size:.86rem; color:var(--teal_deep); }
.archive_evidence figure { margin:.5rem 0 1rem; padding-bottom:.4rem; }
.archive_evidence img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:5px; box-sizing:border-box; }
.archive_evidence figcaption,.about_archive .archive_note { font-size:.83rem; line-height:1.65; color:var(--paper_muted); }
.archive_credit { display:block; margin-top:.35rem; }
.archive_note { padding-bottom:.7rem; }
.archive_continuation { text-align:center; padding:1.6rem 0 2rem; }
.archive_continuation p { font-size:.9rem; color:var(--paper_muted); }
.archive_continuation button { min-height:48px; background:#e1eee5; color:var(--teal_deep); border:0; border-radius:12px; padding:.8rem 1.2rem; cursor:pointer; }
.archive_context { margin:2.4rem 0; font-size:.96rem; }
.archive_context h3,.archive_follow h3 { font:1.35rem/1.4 var(--serif); }
.archive_follow { margin:2rem 0; padding:1.25rem; border-radius:18px; background:#eef0fa; }
.archive_follow p { font-size:.95rem; }
.archive_follow p:last-child { display:flex; flex-wrap:wrap; gap:.45rem 1.2rem; }
.archive_follow a { min-height:44px; display:inline-flex; align-items:center; font-size:.87rem; }

/* Small screens and printed copies. */
@media (max-width:600px) {
    .archive_entrance { padding:1.2rem; }
    .archive_entrance_label strong { font-size:1.4rem; }
    .archive_toolbar { top:76px; flex-wrap:wrap; }
    .archive_actions { gap:0; }
    .archive_era { padding-left:1rem; }
    .archive_record::before { left:-1.29rem; }
    .about_archive h4 { font-size:1.2rem; }
    .archive_era_heading h3 { font-size:1.12rem; }
}
@media print {
    .archive_toolbar,.archive_nav,.archive_continuation { display:none !important; }
    .archive_gate[open] .archive_era[hidden] { display:block !important; }
}

/* About navigation: direct access to the biography, professional work and archive. */
.about_jump_nav { display:flex; flex-wrap:wrap; gap:.25rem 1rem; margin:.75rem 0 2rem; }
.about_jump_nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.86rem; color:var(--teal_deep); }

/* Resume introduction and the effective-hour consulting rate. */
.about_work { margin-top:3rem; padding-top:1.75rem; border-top:1px solid var(--line); }
.about_work h2,.about_work h3 { scroll-margin-top:110px; }
.about_work h3 { margin-top:2rem; }
.about_work h4 { font:1.15rem/1.4 var(--serif); margin:0 0 .5rem; }
.work_heading .kicker { margin-bottom:.6rem; }

/* Selected experience and services: compact, readable rows. */
.work_role { display:grid; grid-template-columns:110px minmax(0,1fr); gap:1rem; padding:1.2rem 0; border-bottom:1px solid var(--line); }
.about_work .work_period { margin:0; padding-top:.1rem; font:.8rem/1.7 var(--mono); color:var(--teal_deep); }
.work_role p,.about_work .work_foundation { font-size:.96rem; line-height:1.8; }
.work_role a { display:inline-flex; align-items:center; min-height:44px; font-size:.85rem; }
.about_work .work_foundation { margin-top:1.5rem; }
.about_work .work_services { list-style:none; margin:0; padding:0; }
.work_services li { margin:0; padding:1.1rem 0; border-bottom:1px solid var(--line); }
.work_services p { margin:0; font-size:.97rem; line-height:1.8; }

/* Contact: genuine public profiles and a clear project introduction. */
.work_contact { margin-top:2rem; padding:1.5rem; border-radius:20px; background:#edf0fa; }
.about_work .work_contact h3 { margin-top:0; }
.work_contact_links { display:flex; flex-wrap:wrap; gap:.65rem; margin:1.2rem 0 .8rem; }
.work_contact_links a { font-size:.87rem; }
.about_work .work_contact_handle { margin:0; font-size:.82rem; color:var(--paper_muted); }

/* Narrow screens keep all controls and rate text inside the reading column. */
@media (max-width:600px) {
    .work_role { grid-template-columns:minmax(0,1fr); gap:.4rem; }
    .work_contact_links { flex-direction:column; align-items:stretch; }
}

/* Contact page: readable questions, native controls and clear submission states. */
.contact_page { max-width:800px; margin:3rem auto 5rem; padding:0 1.25rem; }
.contact_page h1 { font:clamp(2rem,5vw,3.4rem)/1.2 var(--serif); }
.contact_page p { line-height:1.75; }
.contact_error { background:#fff0e8; border:1px solid #bb663d; }
.contact_notice h2 { font:1.4rem/1.4 var(--serif); margin-top:0; }
.contact_form fieldset { border:0; border-top:1px solid var(--line); margin:1.8rem 0; padding:1.3rem 0 0; min-width:0; }
.contact_form legend { font:1.35rem/1.4 var(--serif); padding-right:.6rem; }
.contact_form label { display:block; margin:1rem 0 .5rem; font-weight:600; }
.contact_form input:not([type="checkbox"]),.contact_form textarea,.contact_form select,.enquiries_filter select { display:block; box-sizing:border-box; width:100%; min-height:46px; padding:.8rem; border:1px solid #9bafa7; border-radius:8px; background:#fff; color:#142c25; font:inherit; }
.contact_form textarea { resize:vertical; }
.contact_form :is(input,textarea,select,button):focus-visible,.enquiries_admin :is(a,button,select):focus-visible { outline:2px solid var(--teal_deep); outline-offset:3px; }
.contact_grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.1rem; }
.contact_page .contact_hint,.contact_hint { font-size:.86rem; line-height:1.65; color:var(--paper_muted); margin:.45rem 0 .7rem; }
.contact_form .contact_check { display:flex; align-items:flex-start; gap:.7rem; font-weight:400; line-height:1.6; }
.contact_check input { width:20px; height:20px; flex:none; margin-top:.2rem; }
.contact_trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.contact_alternatives { margin-top:2rem; padding-top:1rem; border-top:1px solid var(--line); }
.contact_page .button_primary { border:0; font:inherit; cursor:pointer; min-height:48px; }

/* Private enquiry inbox: responsive rows and safely wrapped plain-text briefs. */
.enquiries_admin { max-width:950px; padding:1rem; margin:0 auto; overflow-wrap:anywhere; }
.enquiries_admin p { line-height:1.7; }
.enquiries_filter { display:flex; flex-wrap:wrap; align-items:center; gap:.7rem; margin:1.4rem 0; }
.enquiries_filter select { width:auto; max-width:100%; }
.enquiries_filter button { min-height:46px; padding:.6rem 1rem; cursor:pointer; }
.enquiries_list article { padding:1.2rem 0; border-bottom:1px solid var(--line); }
.enquiries_list h2 { margin:.3rem 0; }
.enquiry_meta { font-size:.85rem; color:var(--paper_muted); }
.enquiry_details>div { display:grid; grid-template-columns:160px minmax(0,1fr); padding:.75rem 0; border-bottom:1px solid var(--line); gap:1rem; }
.enquiry_details dt { font-weight:600; }
.enquiry_details dd { margin:0; white-space:pre-wrap; }
.enquiry_message { white-space:pre-wrap; overflow-wrap:anywhere; }
.enquiry_pagination { display:flex; align-items:center; gap:1.5rem; margin:1.5rem 0; }
.enquiry_pagination a { min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:600px) {
    .contact_grid,.enquiry_details>div { grid-template-columns:minmax(0,1fr); gap:.35rem; }
    .contact_page { margin-top:2rem; }
    .contact_form select { font-size:16px; }
}

/* Expertise first; engagement terms remain a quiet, accessible disclosure. */
.work_approach { margin:1.75rem 0 2.5rem; padding-left:1.4rem; border-left:2px solid var(--line_strong); }
.about_work .work_approach h3 { margin:0 0 1rem; }
.about_work .work_approach p { font-size:1rem; line-height:1.8; }
.work_engagement { margin:1.4rem 0; border-top:1px solid var(--line_strong); border-bottom:1px solid var(--line_strong); }
.work_engagement summary { padding:.8rem 0; min-height:44px; cursor:pointer; color:var(--teal_deep); font-size:.95rem; font-weight:500; }
.work_engagement[open] summary { margin-bottom:.4rem; }
.about_work .work_engagement p { font-size:.95rem; line-height:1.75; }
.contact_form .contact_terms { margin:0 0 1rem; color:var(--paper_muted); font-size:.95rem; }
@media(max-width:600px) { .work_approach { padding-left:1rem; } .work_contact { padding:1.2rem; } }

/* Profile photography: bylines and About introduction */
.author_orb.author_photo { display:block; flex:0 0 40px; width:40px; height:40px; object-fit:cover; border-radius:50%; }
.about_intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,220px); gap:2rem; align-items:start; }
.about_intro_copy { min-width:0; }
.about_intro .about_portrait { margin:0; }
.about_portrait img { display:block; width:100%; height:auto; border-radius:18px; }

/* Profile photography: narrow screens */
@media(max-width:640px) {
    .about_intro { grid-template-columns:minmax(0,1fr); gap:1rem; }
    .about_intro .about_portrait { width:min(100%,260px); margin:0 auto 1rem; }
}

/* Safex milestones and brand history */
.safex_milestones { margin:2.8rem 0 2.2rem; }
.safex_milestones>h2 { margin-top:.4rem; }
.safex_milestone_facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; margin:1.6rem 0 2rem; }
.safex_milestone_facts>div { padding:1.3rem 1.4rem; border-radius:18px; background:#e9f1e9; }
.safex_milestone_facts>div:nth-child(2) { background:#eef0fa; }
.safex_milestone_facts>div:nth-child(3) { background:#f7efe3; }
.safex_milestone_facts>div:nth-child(4) { background:#e8f2ef; }
.safex_milestone_facts dt { font:clamp(1.6rem,3.6vw,2.05rem)/1.2 var(--serif); color:var(--teal_deep); margin:0 0 .6rem; }
.safex_milestone_facts dd { margin:0; font-size:.9rem; line-height:1.7; }
.safex_milestone_facts a { display:inline-block; text-underline-offset:3px; }
.safex_growth_steps { list-style:none; margin:0; padding:0; }
.safex_growth_steps>li { display:grid; grid-template-columns:6.8rem minmax(0,1fr); gap:1rem; padding:.95rem 0; }
.safex_growth_steps>li>span { font:.82rem/1.8 var(--mono,monospace); color:var(--teal_deep); }
.safex_growth_steps strong { font-weight:600; }
.safex_growth_steps p { margin:.3rem 0 0; font-size:.95rem; }
.safex_brand_defense { margin:2rem 0 2.6rem; }
.resume_accolades { margin:1.7rem 0 2rem; }
.resume_accolades li { margin:.8rem 0; line-height:1.75; }
.safex_milestones [id],.safex_brand_defense [id] { scroll-margin-top:6rem; }
@media(max-width:520px) {
    .safex_milestone_facts { grid-template-columns:minmax(0,1fr); }
    .safex_growth_steps>li { grid-template-columns:minmax(0,1fr); gap:.2rem; }
}