Homepage: Difference between revisions
No edit summary |
Header: restore B mark (now centered asset) Tag: Manual revert |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 130: | Line 130: | ||
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;} | .fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;} | ||
.fade-up.in{opacity:1;transform:none;} | .fade-up.in{opacity:1;transform:none;} | ||
body.light-mode{--bg:# | /* ===== DAY MODE — cohesive light theme (mirrors the dark palette; dark mode untouched) ===== */ | ||
body.light-mode .nav{background:rgba( | body.light-mode{--bg:#F7F6F3;--bg2:#FFFFFF;--panel:#FFFFFF;--card:#FFFFFF;--cb:rgba(0,0,0,.09);--line:rgba(0,0,0,.10);--chov:rgba(255,121,0,.05);--chb:rgba(255,121,0,.40);--tx:#161513;--tx2:#575654;--tx3:#8A8985;} | ||
/* Lift the forced-dark MediaWiki canvas to light (beats Common.css body/#content/.mw-parser-output !important via +1 class specificity or source order) */ | |||
body.light-mode, | |||
body.light-mode #content, | |||
body.light-mode .mw-body, | |||
body.light-mode .mw-body-content, | |||
body.light-mode #mw-content, | |||
body.light-mode #mw-content-text, | |||
body.light-mode #bodyContent, | |||
body.light-mode .mw-parser-output{background:var(--bg)!important;color:var(--tx)!important;} | |||
/* Homepage section headings: dark ink in day mode (Common.css forces them white) */ | |||
body.light-mode .mw-parser-output h1, | |||
body.light-mode .mw-parser-output h2, | |||
body.light-mode .mw-parser-output h3, | |||
body.light-mode .mw-parser-output h4{color:var(--tx)!important;} | |||
/* Chrome + components */ | |||
body.light-mode .nav{background:rgba(247,246,243,.9);border-bottom:1px solid var(--line);} | |||
body.light-mode .lsw{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);} | |||
body.light-mode .lb.av{color:#8A8985;} | |||
body.light-mode .lb.dim{color:#C9C7C2;} | |||
/* Nav/lang link hover: Common.css forces #fff !important — keep dark ink on light */ | |||
body.light-mode .nl:hover{color:var(--tx)!important;} | |||
body.light-mode .lb.av:hover{color:var(--tx)!important;} | |||
body.light-mode .tbtn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.09);color:var(--tx2);} | |||
body.light-mode .tbtn:hover{background:rgba(0,0,0,.07);} | |||
body.light-mode .mq-wrap{border-top-color:rgba(0,0,0,.07);border-bottom-color:rgba(0,0,0,.07);} | |||
body.light-mode .h-grid{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);} | |||
body.light-mode .hcs{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);color:var(--tx)!important;} | |||
body.light-mode .hcs:hover{background:rgba(0,0,0,.07);border-color:rgba(255,121,0,.5);} | |||
body.light-mode .stats{background:rgba(0,0,0,.08);} | |||
body.light-mode .stat{background:var(--bg);} | body.light-mode .stat{background:var(--bg);} | ||
body.light-mode .bento{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.06);} | |||
body.light-mode .bc{background:var(--bg2);} | body.light-mode .bc{background:var(--bg2);} | ||
body.light-mode . | body.light-mode .bc:hover{background:var(--chov);box-shadow:inset 0 0 0 1px rgba(255,121,0,.22);} | ||
body.light-mode . | body.light-mode .tc{border-color:rgba(0,0,0,.08);} | ||
body.light-mode .foot{background:var(--bg);} | body.light-mode .ac, | ||
body.light-mode .ec, | |||
body.light-mode .pc, | |||
body.light-mode .cyc, | |||
body.light-mode .tsc{box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 16px -8px rgba(0,0,0,.10);} | |||
body.light-mode .ac:hover, | |||
body.light-mode .pc:hover, | |||
body.light-mode .cyc:hover{box-shadow:0 18px 44px -22px rgba(255,121,0,.45);} | |||
body.light-mode .nli{background:#fff;border-color:rgba(0,0,0,.15);color:var(--tx);} | |||
body.light-mode .nli:focus{border-color:rgba(255,121,0,.5);} | |||
body.light-mode .foot{background:var(--bg);border-top-color:rgba(0,0,0,.08);} | |||
body.light-mode .fb{border-top-color:rgba(0,0,0,.08);} | |||
body.light-mode #topics, | |||
body.light-mode #articles{border-top-color:rgba(0,0,0,.06)!important;border-bottom-color:rgba(0,0,0,.06)!important;} | |||
@media(max-width:900px){.bento{grid-template-columns:1fr;}.bw{grid-column:span 1;}.stats{grid-template-columns:repeat(2,1fr);}.fg{grid-template-columns:1fr 1fr;}} | @media(max-width:900px){.bento{grid-template-columns:1fr;}.bw{grid-column:span 1;}.stats{grid-template-columns:repeat(2,1fr);}.fg{grid-template-columns:1fr 1fr;}} | ||
@media(max-width:600px){.nav-links-wrap{display:none;}.fg{grid-template-columns:1fr;}} | @media(max-width:600px){.nav-links-wrap{display:none;}.fg{grid-template-columns:1fr;}} | ||
| Line 206: | Line 249: | ||
</div> | </div> | ||
</nav> | </nav> | ||
<div class="mq-wrap" style="margin-top:60px;"> | |||
<div class="mq-track"> | |||
<span class="mq-item"><a href="/Category:HIV_Prevention_%26_Treatment" style="color:inherit;text-decoration:none;">HIV Prevention & Treatment</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Consent_%26_Negotiation" style="color:inherit;text-decoration:none;">Consent & Negotiation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Boundaries" style="color:inherit;text-decoration:none;">Communication & Boundaries</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging,_Relevance,_and_Shifting_Identity" style="color:inherit;text-decoration:none;">Aging, Relevance & Shifting Identity</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Culture" style="color:inherit;text-decoration:none;">Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Presentation" style="color:inherit;text-decoration:none;">Body Presentation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Party_Drugs" style="color:inherit;text-decoration:none;">Party Drugs</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Trauma_%26_Recovery" style="color:inherit;text-decoration:none;">Trauma & Recovery</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Power_Dynamics" style="color:inherit;text-decoration:none;">Power Dynamics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Hookups_vs._Dating" style="color:inherit;text-decoration:none;">Hookups vs. Dating</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Chosen_Family_and_Social_Belonging" style="color:inherit;text-decoration:none;">Chosen Family & Social Belonging</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:History" style="color:inherit;text-decoration:none;">History</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Style_as_Communication" style="color:inherit;text-decoration:none;">Style as Communication</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:STI_Awareness_%26_Testing" style="color:inherit;text-decoration:none;">STI Awareness & Testing</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Roles_%26_Archetypes" style="color:inherit;text-decoration:none;">Roles & Archetypes</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sex,_Intimacy_%26_Connection" style="color:inherit;text-decoration:none;">Sex, Intimacy & Connection</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Online_Communities_vs._Physical_Communities" style="color:inherit;text-decoration:none;">Online Communities vs. Physical Communities</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Politics" style="color:inherit;text-decoration:none;">Politics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Subculture_Aesthetics" style="color:inherit;text-decoration:none;">Subculture Aesthetics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Image_%26_Self-Perception" style="color:inherit;text-decoration:none;">Body Image & Self-Perception</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Risk_Awareness_%26_Safety" style="color:inherit;text-decoration:none;">Risk Awareness & Safety</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Belonging_Without_Centrality" style="color:inherit;text-decoration:none;">Belonging Without Centrality</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Symbols_%26_Accessories" style="color:inherit;text-decoration:none;">Symbols & Accessories</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Substance_Use_%26_Sexual_Contexts" style="color:inherit;text-decoration:none;">Substance Use & Sexual Contexts</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Digital_Kink_Culture" style="color:inherit;text-decoration:none;">Digital Kink Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Identity_Performance_in_Dating_and_Social_Spaces" style="color:inherit;text-decoration:none;">Identity Performance in Dating & Social Spaces</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging_%26_Sexual_Health" style="color:inherit;text-decoration:none;">Aging & Sexual Health</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Emotional_Dynamics_in_Kink" style="color:inherit;text-decoration:none;">Emotional Dynamics in Kink</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Visibility,_Privacy,_and_Being_%22Out%22" style="color:inherit;text-decoration:none;">Visibility, Privacy & Being Out</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Disclosure" style="color:inherit;text-decoration:none;">Communication & Disclosure</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Kink_in_Relationships" style="color:inherit;text-decoration:none;">Kink in Relationships</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:The_Role_of_Humor,_Irony,_and_Distance" style="color:inherit;text-decoration:none;">The Role of Humor, Irony & Distance</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sexual_Function_%26_Mental_Health" style="color:inherit;text-decoration:none;">Sexual Function & Mental Health</a></span><span class="mq-dot"></span> | |||
<span class="mq-item"><a href="/Category:HIV_Prevention_%26_Treatment" style="color:inherit;text-decoration:none;">HIV Prevention & Treatment</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Consent_%26_Negotiation" style="color:inherit;text-decoration:none;">Consent & Negotiation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Boundaries" style="color:inherit;text-decoration:none;">Communication & Boundaries</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging,_Relevance,_and_Shifting_Identity" style="color:inherit;text-decoration:none;">Aging, Relevance & Shifting Identity</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Culture" style="color:inherit;text-decoration:none;">Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Presentation" style="color:inherit;text-decoration:none;">Body Presentation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Party_Drugs" style="color:inherit;text-decoration:none;">Party Drugs</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Trauma_%26_Recovery" style="color:inherit;text-decoration:none;">Trauma & Recovery</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Power_Dynamics" style="color:inherit;text-decoration:none;">Power Dynamics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Hookups_vs._Dating" style="color:inherit;text-decoration:none;">Hookups vs. Dating</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Chosen_Family_and_Social_Belonging" style="color:inherit;text-decoration:none;">Chosen Family & Social Belonging</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:History" style="color:inherit;text-decoration:none;">History</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Style_as_Communication" style="color:inherit;text-decoration:none;">Style as Communication</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:STI_Awareness_%26_Testing" style="color:inherit;text-decoration:none;">STI Awareness & Testing</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Roles_%26_Archetypes" style="color:inherit;text-decoration:none;">Roles & Archetypes</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sex,_Intimacy_%26_Connection" style="color:inherit;text-decoration:none;">Sex, Intimacy & Connection</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Online_Communities_vs._Physical_Communities" style="color:inherit;text-decoration:none;">Online Communities vs. Physical Communities</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Politics" style="color:inherit;text-decoration:none;">Politics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Subculture_Aesthetics" style="color:inherit;text-decoration:none;">Subculture Aesthetics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Image_%26_Self-Perception" style="color:inherit;text-decoration:none;">Body Image & Self-Perception</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Risk_Awareness_%26_Safety" style="color:inherit;text-decoration:none;">Risk Awareness & Safety</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Belonging_Without_Centrality" style="color:inherit;text-decoration:none;">Belonging Without Centrality</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Symbols_%26_Accessories" style="color:inherit;text-decoration:none;">Symbols & Accessories</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Substance_Use_%26_Sexual_Contexts" style="color:inherit;text-decoration:none;">Substance Use & Sexual Contexts</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Digital_Kink_Culture" style="color:inherit;text-decoration:none;">Digital Kink Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Identity_Performance_in_Dating_and_Social_Spaces" style="color:inherit;text-decoration:none;">Identity Performance in Dating & Social Spaces</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging_%26_Sexual_Health" style="color:inherit;text-decoration:none;">Aging & Sexual Health</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Emotional_Dynamics_in_Kink" style="color:inherit;text-decoration:none;">Emotional Dynamics in Kink</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Visibility,_Privacy,_and_Being_%22Out%22" style="color:inherit;text-decoration:none;">Visibility, Privacy & Being Out</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Disclosure" style="color:inherit;text-decoration:none;">Communication & Disclosure</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Kink_in_Relationships" style="color:inherit;text-decoration:none;">Kink in Relationships</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:The_Role_of_Humor,_Irony,_and_Distance" style="color:inherit;text-decoration:none;">The Role of Humor, Irony & Distance</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sexual_Function_%26_Mental_Health" style="color:inherit;text-decoration:none;">Sexual Function & Mental Health</a></span><span class="mq-dot"></span> | |||
</div> | |||
</div> | |||
| Line 229: | Line 281: | ||
</section> | </section> | ||
<section class="sec" id="features"> | <section class="sec" id="features"> | ||
| Line 284: | Line 323: | ||
<div style="max-width:600px;margin:0 auto;"> | <div style="max-width:600px;margin:0 auto;"> | ||
<h2 style="font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem;">Knowledge that saves lives</h2> | <h2 style="font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem;">Knowledge that saves lives</h2> | ||
<p style="color:var(--tx2);font-size:1.05rem;margin-bottom:2rem;">Everyone deserves access to honest, life-saving information about their own life.</p> | <p style="color:var(--tx2);font-size:1.05rem;margin-bottom:2rem;">Everyone deserves access to honest, life-saving information about their own life.</p | ||
<a href=" | <div style="margin-top:2.5rem;text-align:left;max-width:1000px;margin-left:auto;margin-right:auto;"> | ||
<h3 style="font-size:1.2rem;font-weight:800;margin-bottom:1.5rem;text-align:center;color:var(--tx);">Start with these life-saving articles</h3> | |||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;"> | |||
<a href="/Understanding_PrEP_and_Modern_HIV_Prevention" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Understanding PrEP and Modern HIV Prevention</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">A complete guide to PrEP and modern HIV prevention.</div> | |||
</a> | |||
<a href="/Understanding_U%3DU_(Undetectable_%3D_Untransmittable)" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Understanding U=U (Undetectable = Untransmittable)</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">What undetectable status means for transmission.</div> | |||
</a> | |||
<a href="/Understanding_Routine_STI_Testing_in_Gay_Communities" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Understanding Routine STI Testing in Gay Communities</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Why regular testing matters and how it works.</div> | |||
</a> | |||
<a href="/Condom_Use_in_Modern_Gay_Sexual_Health" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Condom Use in Modern Gay Sexual Health</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Practical guidance on barrier protection.</div> | |||
</a> | |||
<a href="/Chemsex,_Party_Drugs,_and_Harm_Reduction_in_Gay_Communities" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Chemsex, Party Drugs, and Harm Reduction in Gay Communities</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Balanced, non-judgmental harm-reduction info.</div> | |||
</a> | |||
<a href="/Harm_Reduction_in_Nightlife" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Harm Reduction in Nightlife</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Staying safer in club and party environments.</div> | |||
</a> | |||
<a href="/Overdose_Awareness" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Overdose Awareness</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Recognizing and responding to overdose risk.</div> | |||
</a> | |||
<a href="/Mixing_Substances" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Mixing Substances</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Understanding risks of combining substances.</div> | |||
</a> | |||
<a href="/Drug_Testing_Kits" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Drug Testing Kits</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">How testing kits help reduce risk.</div> | |||
</a> | |||
<a href="/Risk_in_Consensual_Kink" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Kink & BDSM</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Risk in Consensual Kink</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Safety and harm-awareness in kink practices.</div> | |||
</a> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||