/* talktogirlsonline.org */
@font-face{font-family:"Young Serif";src:url(t/hd-1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url(t/bd-1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url(t/bd-1.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{--jq-paper:#F8F7F0;--jq-card:#FDFDF7;--jq-ink:#060500;--jq-ink-soft:#666444;--jq-mark:#645D00;--jq-mark-2:#CAA8DE;--jq-on-mark:#FDFDF7;--jq-rule:rgba(29,27,7,0.16);--jq-rule-soft:rgba(29,27,7,0.09);--jq-wash:linear-gradient(156deg,#F5F4E9,#EFEFDF 50%,#F3E4D5);--jq-hair:1.5px;--jq-lift:0 16px 38px -22px rgba(0,0,0,.26);--jq-step:1.56rem;
    --jq-col:27.1em;color-scheme:light}

*{box-sizing:border-box}
body{margin:0;background:var(--jq-paper);color:var(--jq-ink);
    font:400 18.5px/1.78 "Sora",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
    -webkit-font-smoothing:antialiased}
h1,h2,h3,.button,.brand{font-family:"Young Serif",Georgia,serif;
    font-weight:700;line-height:1.05;letter-spacing:-0.022em;
    text-wrap:balance}
h1{font-size:clamp(28.0px,3.47vw,45.2px);margin:0 0 calc(var(--jq-step)*1.1)}
h2{font-size:clamp(22.5px,3.22vw,26.2px);margin:calc(var(--jq-step)*2.4) 0 var(--jq-step)}
.brand,.button{text-transform:uppercase;letter-spacing:.06em}
p{margin:0 0 var(--jq-step);max-width:var(--jq-col)}
a{color:var(--jq-mark)}
img,svg{max-width:100%}
:focus-visible{outline:2px solid var(--jq-mark);outline-offset:3px}
.container{width:min(100% - 2.4rem,800px);margin-inline:auto}

.nav ul{display:flex;flex-wrap:wrap;gap:.15rem .9rem;list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;color:var(--jq-ink-soft);font-size:14.8px;
    letter-spacing:.04em}
.nav a:hover,.nav a[aria-current]{color:var(--jq-ink)}
.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit}
.brand svg{width:2rem;height:2rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.brand span{font-size:19.8px;letter-spacing:-.01em;white-space:nowrap}

.button{display:inline-flex;align-items:center;gap:.55em;padding:.72em 1.5em;
    border:var(--jq-hair) solid var(--jq-mark);border-radius:4px;text-decoration:none;
    color:var(--jq-mark);background:transparent;font-size:20.7px;cursor:pointer}
.button:hover{background:var(--jq-mark);color:var(--jq-on-mark)}
.button svg{width:1em;height:1em}

.gate .gate__title{font-size:clamp(19.7px,2.29vw,29.8px);
    margin:0 0 .5em;max-width:28ch}
.gate .gate__note{color:var(--jq-ink-soft);max-width:54ch;margin:0 0 calc(var(--jq-step)*1.3)}

.figure{margin:calc(var(--jq-step)*1.9) 0}
.figure svg{display:block;width:100%;height:auto}
.figure figcaption{margin-top:.7em;font-size:14.8px;color:var(--jq-ink-soft)}
.figure .jq-accent{stroke:var(--jq-mark)}
.figure .jq-fill{fill:var(--jq-paper);stroke:var(--jq-rule)}
.figure .jq-dot{fill:var(--jq-mark);stroke:none}

.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:var(--jq-step) 0;padding:0}
.tags li{border:var(--jq-hair) solid var(--jq-rule);border-radius:4px;
    padding:.3em .9em;font-size:16.5px;color:var(--jq-ink-soft)}
.tips{list-style:none;margin:var(--jq-step) 0;padding:0;display:flex;flex-direction:column;
    gap:.8rem;max-width:var(--jq-col)}
.faq details{border-bottom:var(--jq-hair) solid var(--jq-rule-soft);max-width:var(--jq-col)}
.faq summary{cursor:pointer;padding:.85em 0;font-weight:500}
.faq p{color:var(--jq-ink-soft);padding-bottom:.85em}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;
    list-style:none;margin:calc(var(--jq-step)*1.3) 0;padding:0}
.features li{border-top:var(--jq-hair) solid var(--jq-mark);padding:.9rem 0 0;border-radius:0}
.features b{display:block;font-family:"Young Serif",Georgia,serif;margin-bottom:.3em}
.features span{color:var(--jq-ink-soft);font-size:16.5px}
.footer{border-top:var(--jq-hair) solid var(--jq-rule);margin-top:calc(var(--jq-step)*2.6);
    padding:calc(var(--jq-step)*1.8) 0;font-size:16.5px;color:var(--jq-ink-soft)}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.header{position:sticky;top:0;z-index:8;background:var(--jq-paper);border-bottom:var(--jq-hair) solid var(--jq-rule);padding:.9rem 0}
.content{padding:calc(var(--jq-step)*2) 0}
.content{padding:0 0 calc(var(--jq-step)*2)}
.content>.container{width:min(100% - 2.4rem,1100px)}
.content .section,.content .related{max-width:800px}
.content>.container>*:first-child{margin-inline:calc(50% - 50vw);padding:calc(var(--jq-step)*1.8) max(1.2rem,calc(50vw - 550px));max-width:none;background:var(--jq-card);border-bottom:var(--jq-hair) solid var(--jq-rule)}
.footer{border-top:var(--jq-hair) solid var(--jq-rule);margin-top:calc(var(--jq-step)*2.6);padding:calc(var(--jq-step)*1.8) 0;font-size:16.5px;color:var(--jq-ink-soft)}
.footer a{color:inherit}
.footer a:hover{color:var(--jq-mark)}
.footer i{font-style:normal;font-size:.78em;opacity:.75;margin-inline-start:.28em;vertical-align:.08em}
.footer .container{display:grid;gap:.9rem}
.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap}
@media(min-width:52rem){
    .footer .container{grid-template-columns:auto 1fr}
    .footer-links{flex-direction:column;gap:.34rem}
    .footer p{margin:0;justify-self:end;text-align:end;max-width:44ch}
}
.button{border:0;border-radius:0;padding:.3em 0;gap:.55em;box-shadow:inset 0 -.09em 0 var(--jq-mark)}
.button:hover{background:transparent;color:var(--jq-ink);box-shadow:inset 0 -.5em 0 color-mix(in oklab,var(--jq-mark) 26%,transparent)}
.button svg{transition:transform .18s}
.button:hover svg{transform:translateX(.22em)}
.nav:not([open]) ul{display:none}
.header .nav summary{list-style:none;cursor:pointer;color:var(--jq-ink-soft);font-size:16.5px;border:var(--jq-hair) solid var(--jq-rule);border-radius:4px;padding:.3em .8em}
.header .nav summary::-webkit-details-marker{display:none}
.header .nav{position:relative}
.header .nav[open] ul{position:absolute;inset-inline-end:0;top:2.3rem;z-index:9;flex-direction:column;gap:.3rem;background:var(--jq-card);border:var(--jq-hair) solid var(--jq-rule);border-radius:4px;padding:.7rem 1rem;min-width:9rem;box-shadow:var(--jq-lift)}
.sidebar,.grid2 table,.features li,.tags li{background:color-mix(in oklab,var(--jq-mark) 10%,var(--jq-paper))}
.pullquote{background:color-mix(in oklab,var(--jq-mark) 10%,var(--jq-paper))}
body{border-top:4.5px solid var(--jq-mark)}
@media(prefers-reduced-motion:no-preference){
  .button{transition:background .2s,color .2s,transform .2s}
  .button:hover{transform:translateY(-2px)}
  .features li{transition:transform .22s,border-color .22s}
  .features li:hover{transform:translateY(-3px)}
  .section{animation:rise .5s both}
  @keyframes rise{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
}
.gate-note{margin:.9em 0 0;font-size:.82em;color:var(--jq-ink-soft)}
.gate{padding:clamp(1.8rem,5vw,3rem) 0}
.cookies{position:fixed;inset:auto 0 0;background:var(--jq-paper);z-index:9;border-top:3px solid var(--jq-mark);padding:1.4rem 0 1.6rem;font-size:.88em}
.cookies div{margin-top:.9rem}
@media(max-width:46rem){.cookies{position:fixed;inset:auto 0 0;width:auto;max-width:none;transform:none;display:block;border-radius:0;border:0;border-top:var(--jq-hair) solid var(--jq-rule);padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));font-size:.85em;line-height:1.45;background:var(--jq-paper);box-shadow:0 -8px 24px -18px rgba(0,0,0,.5)}.cookies>*{max-width:none}.cookies .button,.cookies button{display:block;width:100%;margin-top:.7rem;text-align:center}}
body{padding-bottom:var(--jq-barh,8rem)}
.cb-off body,html.cb-off body{--jq-barh:0rem}
.figure{background-image:radial-gradient(var(--jq-rule) 1px,transparent 1px);background-size:14px 14px;padding:clamp(1rem,3vw,2rem);border-radius:var(--jq-round,8px)}
.figure svg{display:block;width:100%;height:auto;fill:var(--jq-paper);stroke:var(--jq-ink-soft);stroke-width:1.8}
.figure .jq-accent{stroke:var(--jq-mark);fill:var(--jq-paper)}
.figure .jq-cut{fill:none;stroke:var(--jq-mark)}
.figure .jq-fill{fill:var(--jq-paper)}
.figure .jq-dot{fill:var(--jq-mark);stroke:none}
.gate-hero{margin-bottom:calc(var(--jq-step)*1.4)}
.gate-hero__ask{border:var(--jq-hair) solid var(--jq-rule);border-radius:var(--jq-round,8px);background:var(--jq-card);padding:clamp(1.1rem,3vw,1.8rem)}
.gate-hero__badge{display:inline-block;border:var(--jq-hair) solid var(--jq-mark);color:var(--jq-mark);border-radius:999px;padding:.15em .8em;font-size:.76em;font-weight:700;letter-spacing:.07em;margin-bottom:.7em}
.gate-hero__q{margin:0 0 .9em;font-weight:600;max-width:34ch}
.gate-hero__go{display:inline-flex;align-items:center;gap:.5em}
.gate-hero__note{margin:.8em 0 0;color:var(--jq-ink-soft);font-size:.85em}
.gate-hero__pull{font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:1.35;border-inline-start:4px solid var(--jq-mark);padding-inline-start:1rem;margin:1rem 0 1.4rem;max-width:32ch;font-weight:600}
.gate-hero--callout .gate-hero__ask{margin-top:1.6rem;max-width:36rem}
.related{margin:2.4rem 0;font-size:.94em}
.related ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.related i{font-style:normal;font-size:.72em;letter-spacing:.06em;margin-inline-start:.45em;padding:.05em .35em;border-radius:3px;background:var(--jq-card);color:var(--jq-ink-soft);border:var(--jq-hair) solid var(--jq-rule-soft)}
.faq__qa{margin:1.4rem 0;max-width:var(--jq-col)}
.faq__qa h3{font-size:1.02em;margin:0 0 .35em}
.faq__qa p{margin:0;color:var(--jq-ink-soft)}
.gate-soft{border-inline-start:3px solid var(--jq-mark);padding-block:.2rem;padding-inline:1.1rem 0;margin:2rem 0;max-width:var(--jq-col)}
.gate-soft a{font-weight:650}
.gate-soft span{display:block;color:var(--jq-ink-soft);font-size:.86em;margin-top:.3em}
.footer i{font-style:normal;font-size:.72em;letter-spacing:.06em;margin-inline-start:.35em;color:var(--jq-ink-soft);opacity:.8}
.legal p,.legal h2,.legal h1{max-width:var(--jq-col)}
.legal .upd{color:var(--jq-ink-soft);font-size:.85em;margin-bottom:2.4em}
.footer p{margin:.35em 0;max-width:none}
.section{counter-increment:sn}
.section>h2::before{content:'\2014 ' counter(sn) ' \2014';display:block;font-size:.62em;letter-spacing:.16em;opacity:.5;margin-bottom:.5em;font-weight:400}
.content{counter-reset:sn}
@media(min-width:60rem){.content-lede{columns:26rem;column-gap:clamp(1.6rem,4vw,3rem)}
.content-lede p{max-width:none;break-inside:avoid}}
.bullets{margin:0 0 var(--jq-step);padding-inline-start:1.15em;max-width:var(--jq-col)}
.bullets li{margin:.35em 0}
.bullets li::marker{color:var(--jq-mark)}
.howto{margin:0 0 var(--jq-step);padding:0;list-style:none;counter-reset:st;max-width:var(--jq-col)}
.howto li{counter-increment:st;position:relative;padding-inline-start:2.1em;margin:.55em 0}
.howto li::before{content:counter(st);position:absolute;inset-inline-start:0;top:.05em;width:1.5em;height:1.5em;display:grid;place-items:center;border-radius:50%;font-size:.78em;background:var(--jq-mark);color:var(--jq-on-mark);font-weight:700}
.grid2{overflow-x:auto;margin:0 0 var(--jq-step)}
.grid2 table{border-collapse:collapse;width:100%;font-size:.94em}
.grid2 th,.grid2 td{text-align:start;padding:.5em .7em;border-bottom:var(--jq-hair) solid var(--jq-rule-soft);vertical-align:top}
.grid2 th{border-bottom-width:calc(var(--jq-hair)*2);border-bottom-color:var(--jq-rule);font-weight:700}
.grid2 tr:last-child td{border-bottom:0}
.pullquote{margin:calc(var(--jq-step)*1.2) 0;padding-inline-start:1.1em;border-inline-start:3px solid var(--jq-mark);max-width:var(--jq-col)}
.pullquote p{font-size:1.12em;margin:0 0 .35em}
.pullquote cite{font-style:normal;font-size:.85em;color:var(--jq-ink-soft)}
.sidebar{margin:calc(var(--jq-step)*1.1) 0;padding:.9em 1.1em;background:var(--jq-card);border-radius:4px;border:var(--jq-hair) solid var(--jq-rule-soft);max-width:var(--jq-col);font-size:.95em}
.sidebar b{display:block;margin-bottom:.3em;color:var(--jq-mark)}
.sidebar p{margin:0}
.faqlist{margin:0 0 var(--jq-step);max-width:var(--jq-col)}
.faqlist dt{font-weight:700;margin-top:.9em}
.faqlist dd{margin:.25em 0 0;color:var(--jq-ink-soft)}
.faqlist details{border-bottom:var(--jq-hair) solid var(--jq-rule-soft);padding:.55em 0}
.faqlist summary{font-weight:700;cursor:pointer}
.faqlist details p{margin:.4em 0 0;color:var(--jq-ink-soft)}
.grid2 caption{text-align:start;font-weight:700;padding:0 0 .5em}
.grid2 th[scope=row]{font-weight:650;white-space:nowrap}
.bullets b,.howto b{color:var(--jq-mark)}
.action{margin:calc(var(--jq-step)*1.3) 0;max-width:var(--jq-col)}
html.cb-off body,html[data-cb=off] body{--jq-barh:0rem}