/*
Theme Name: Prophet Child Theme
Theme URI: https://prophet.ancorathemes.com/
Description: Prophet is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.22.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: prophet
Template: prophet
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
/* ==========================================================================
   THENOW DESIGN SYSTEM  v1.1  14 Sep 2026
   v1.3 the 14px floor is now literal - max(14px,.85rem) - because .85rem is
   13.6px on a phone where the root is 16px, which undershot the floor.
   v1.2 secondary text raised to a 14px floor: fine print, badges, panel
   headings, the panel control, section labels and durations. Accessibility over
   visual compression - nothing visitor-facing that carries evidence, safety,
   source or limitation meaning goes below ~14px.
   v1.1 typography classes are scoped under .tn-page so they outrank the
   .tn-page p base rule. An unscoped .tn-lede loses to it and silently renders
   at body size - that is how the lede, notes, fine print and caution block came
   out wrong on the first migrated page.
   Pages use these classes only. No rule here may reference a page ID.
   Horizontal margins are set by LAYOUT classes only (.tn-wrap, .tn-wide).
   Everything else uses margin-block, never the margin shorthand - the
   shorthand zeroes left/right margins and silently breaks centring.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..700;1,6..72,200..600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--tn-ink:#14191A;--tn-dim:#5F6B6A;--tn-faint:#8B9593;--tn-line:#DCE2DF;--tn-accent:#17423C;--tn-paper:#F6F7F5;--tn-caution-bg:#F3EFE6;--tn-caution-line:#D9CDB2;--tn-caution-ink:#574A2E;--tn-serif:Newsreader,Georgia,'Times New Roman',serif;--tn-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;--tn-read:34rem;--tn-wide:40rem;--tn-s1:.45rem;--tn-s2:.9rem;--tn-s3:1.35rem;--tn-s4:2.2rem;--tn-s5:3.25rem}
/* page shell */
.tn-page{background:transparent;color:var(--tn-ink);font-family:var(--tn-serif);padding-block:clamp(8px,2vw,24px)}
/* layout - the only place horizontal margins are set */
.tn-wrap,.tn-wide{margin-left:auto;margin-right:auto;padding-inline:16px}
.tn-wrap{max-width:var(--tn-read)}
.tn-wide{max-width:var(--tn-wide)}
.tn-section{margin-block:var(--tn-s4) 0}
/* typography */
.tn-page p{font-size:1.06rem;line-height:1.8;margin-block:0 var(--tn-s3)}
.tn-page .tn-lede{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:300;font-style:italic;line-height:1.45;margin-block:0 2.5rem}
.tn-label{font-family:var(--tn-mono);font-size:max(14px,.85rem);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tn-accent);margin-block:var(--tn-s5) var(--tn-s3);padding-top:1.7rem;border-top:1px solid var(--tn-line)}
.tn-label--bare{border-top:0;padding-top:0;margin-block:0 var(--tn-s2)}
.tn-h{font-family:var(--tn-serif);font-weight:400;color:var(--tn-ink)}
.tn-h--lg{font-size:1.5rem;margin-block:0 var(--tn-s1)}
.tn-h--md{font-size:1.22rem;margin-block:0 var(--tn-s1)}
.tn-h--sm{font-size:1.1rem;margin-block:0 .4rem}
.tn-page .tn-ask-q{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300;line-height:1.25;margin-block:0 var(--tn-s4)}
.tn-page .tn-note{font-size:1rem;line-height:1.8;color:var(--tn-dim);margin-block:0 var(--tn-s3)}
.tn-page .tn-fine{font-family:var(--tn-mono);font-size:max(14px,.85rem);line-height:1.9;letter-spacing:.02em;color:var(--tn-faint);margin-block:var(--tn-s4) 0}
.tn-dur{font-family:var(--tn-mono);font-size:max(14px,.85rem);letter-spacing:.1em;text-transform:uppercase;color:var(--tn-faint);margin-left:.55rem}
.tn-page a{color:var(--tn-accent);text-decoration:none;border-bottom:1px solid var(--tn-line)}
.tn-page a:hover{opacity:.75;color:var(--tn-accent)}
.tn-page strong{font-weight:600}.tn-page em{font-style:italic}
/* components */
.tn-card{background:var(--tn-paper);border:1px solid var(--tn-line);padding:1.1rem 1.2rem;margin-block:0 var(--tn-s2)}
.tn-card p{margin-block:0;font-size:1rem;line-height:1.85}
.tn-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:0 var(--tn-s3)}
.tn-chip{font-family:var(--tn-serif);font-size:1rem;color:var(--tn-ink);background:transparent;border:1px solid var(--tn-line);padding:.55rem .95rem;cursor:pointer;line-height:1.3}
.tn-chip:hover{border-color:var(--tn-accent);color:var(--tn-accent)}
.tn-page .tn-caution{background:var(--tn-caution-bg);border-left:2px solid var(--tn-caution-line);color:var(--tn-caution-ink);font-size:.9rem;line-height:1.75;padding:.85rem 1rem;margin-block:var(--tn-s2) 0}
.tn-caution p{color:inherit;font-size:inherit;margin-block:0}
/* evidence badges - every tier carries the same visual weight, no colour says good */
.tn-evi{font-size:.9rem;line-height:1.8;color:var(--tn-dim);margin-block:var(--tn-s2) 0}
.tn-tag{display:inline-block;font-family:var(--tn-mono);font-size:max(14px,.85rem);letter-spacing:.12em;text-transform:uppercase;padding:.18rem .45rem;border:1px solid var(--tn-line);color:var(--tn-faint);margin-right:.5rem;white-space:nowrap}
.tn-tag--studied{color:var(--tn-ink);border-color:var(--tn-ink)}
.tn-tag--mixed{color:var(--tn-dim);border-color:var(--tn-dim)}
.tn-tag--traditional{color:var(--tn-caution-ink);border-color:var(--tn-caution-line)}
.tn-tag--plain{color:var(--tn-faint);border-color:var(--tn-line)}
.tn-tag--unclear{color:var(--tn-faint);border-color:var(--tn-line);border-style:dashed}
.tn-panel{border-top:1px solid var(--tn-line);margin-block:var(--tn-s2) 0}
.tn-panel > summary{cursor:pointer;list-style:none;font-family:var(--tn-mono);font-size:max(14px,.85rem);letter-spacing:.1em;text-transform:uppercase;color:var(--tn-faint);padding-block:.6rem}
.tn-panel > summary::-webkit-details-marker{display:none}
.tn-panel > summary:hover,.tn-panel[open] > summary{color:var(--tn-accent)}
.tn-panel__body{padding-bottom:var(--tn-s2)}
.tn-panel__body p{font-size:.98rem;line-height:1.75;color:var(--tn-dim);margin-block:0 var(--tn-s2)}
.tn-panel__h{font-family:var(--tn-mono);font-size:max(14px,.85rem);letter-spacing:.12em;text-transform:uppercase;color:var(--tn-faint);margin-block:0 .3rem}
.tn-panel__src{font-size:.95rem;line-height:1.7;color:var(--tn-dim)}
.tn-panel__src li{margin-block:0 .6rem}
/* theme integration - body class comes from the child theme filter, no page IDs */
body.tn-shell .top_panel_title{display:none !important}
body.tn-sitting header.top_panel,body.tn-sitting .top_panel_title,body.tn-sitting footer.footer_wrap,body.tn-sitting #wpadminbar,body.tn-sitting .sc_layouts_row{display:none !important}
@media (max-width:480px){.tn-page p{font-size:1.02rem}.tn-card{padding:.95rem 1rem}.tn-label{margin-block:var(--tn-s4) var(--tn-s2)}}
