/* build instructions: 

1. move TOC nav outside of ltx_page_main
2. replace from </head> to the TOV nav top line with the following:

<meta property="og:title" content="A Practical Guide To Feminizing HRT" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.pghrt.diy" />
<meta property="og:image" content="/img/cover.png" />
<meta property="og:description" content="The futile attempt at answering every possible question for someone looking to trans their sex." />
<link rel="icon" type="image/png" href="/img/favicon.png">
<link rel="stylesheet" href="pghrtcss.css" type="text/css">
<script type="text/javascript" src="pghrtjs.js" defer></script>
</head>
<body>
<div class="header"><button id="menu" onclick="document.getElementById('sidebar').classList.toggle('show')">&#9776;</button></div>
<nav id="sidebar" class="ltx_TOC ltx_list_toc ltx_toc_toc"><h6 class="ltx_title ltx_title_contents">Contents</h6>


word -> latex conversion::

\\sub
\\

^(?: )([^\n]+$)
\\subsection{$1}

(and i'm leaving these here because it's funny but after devising these hideous
things it turns out that in my desire to have the styled text pasted for me
the easiest way was to paste the word into overleaf and THEN run regex
and then take it to vs code because i am not doing this in overleaf. funny, huh?)

^[A-Z ]+$
\\section{$0}

^((?:[A-Z][a-zA-Z ’'“”\-,\/()\[\]ü]+(?:\.[a-zA-Z ’'“”\-,\/()\[\]ü]+)?)\?)$
\\subsection{$0}

*/

@font-face {
    font-family: 'bold';
    src: url('/web/20250909230502im_/https://pghrt.diy/font/bold.otf') format('opentype');
}

@font-face {
    font-family: 'ital';
    src: url('/web/20250909230502im_/https://pghrt.diy/font/italics.otf') format('opentype');
}

@font-face {
    font-family: 'crm';
    src: url('/web/20250909230502im_/https://pghrt.diy/font/crm.otf') format('opentype');
}

@font-face {
    font-family: 'boit';
    src: url('/web/20250909230502im_/https://pghrt.diy/font/boit.otf') format('opentype');
}

body {
	font-family: 'crm';
  padding: 0 0px 0 0; margin: 0;
font-size: 17px;
}

.ltx_TOC a:link, .ltx_TOC a:visited, .ltx_p a:link, .ltx_p a:visited { color: blue !important; }
.ltx_personname a:link, .ltx_personname a:visited { color: fuchsia; }


.ltx_TOC a

.ltx_title_abstract, .ltx_title, .ltx_font_bold { font-family: 'bold';}
.ltx_font_italic { font-family: 'ital';}
.ltx_font_bold.ltx_font_italic { font-family: 'boit' !important; }

#menu {
	content: '\09776';
	min-height: 5vh;
	height: 5vh; 
	width: 5vw;
}
.header { display: none; }


.ltx_page_main { margin-left: 400px; transition: margin 0.2s ease-out; padding: min(1em,1.5%) min(3em,4.5%) min(1em,1.5%) min(3em, 4.5%); width: 50%;}
.ltx_TOC a { display: block; width: 100%; }
.ltx_TOC { position: fixed; overflow-y: scroll; width: 400px; background-color: #eee; transition: width 0.2s ease-out; top: 0; bottom: 0; }
.ltx_TOC.show { width: 100vw; visibility: visible; }
#menu { display: none; }


.ltx_toclist { padding: 0; }
.ltx_tocentry { padding-left: 20px }
.ltx_title_contents {text-align:center; font-size: 120%; font-weight:bold; margin-top: 1em; margin-bottom: 1em; }
.ltx_tag_section { margin-right: .5em }
.ltx_p { line-height: 1.4; }

.ltx_tocentry_section {
  cursor: pointer;
}

.ltx_graphics {
	object-fit: contain;
	height: auto !important;
	width: 100% !important;
	max-width: max-content;
}

.ltx_eqn_center_padleft, .ltx_eqn_center_padright {
	min-width: 0;
}

/*side bar*/
ol[class="ltx_toclist ltx_toclist_section"]{ 
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.ltx_tocentry_subsection:hover, .ltx_ref.active:hover {
 background-color: #ccc;
}
*
.ltx_tocentry_section:hover {
  background-color: #ddd;
}


/* +/- handling */

.ltx_tocentry.ltx_tocentry_section > .ltx_ref:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 16px;
  color: white;
  float: right;
  margin-right: 5px;
  position: relative;
  z-index: 100;
font-family: serif;
}

.ltx_tocentry.ltx_tocentry_section > .ltx_ref.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
  position: relative;
  z-index: 100;
font-family: serif; 
}

/* removing +/- from any without subs*/
.del:after {
	content: "" !important;
} 

@media screen AND (max-width:1000px) {
	.ltx_TOC  { width: 0; visibility: hidden; top: 5vh; }
	#menu { display: block; width: 100%; padding: 0; border-radius: 0; border-top: none; border-left: none; border-right: none;}
	.header { display: block; position: sticky; width: 100%; top: 0; padding: 0;}
	.ltx_page_main { margin: 0px; width: 90% !important;}
	.ltx_eqn_table {width: 90% !important;}

	.ltx_tocentry.ltx_tocentry_section > .ltx_ref:after { margin-right: 20px; }

}


@media screen AND (max-width:500px) {

	.ltx_eqn_table {font-size: 15px; }


}

/*
     FILE ARCHIVED ON 23:05:02 Sep 09, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:35:46 Sep 15, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.887
  exclusion.robots: 0.034
  exclusion.robots.policy: 0.014
  esindex: 0.02
  cdx.remote: 101.705
  LoadShardBlock: 1455.537 (3)
  PetaboxLoader3.resolve: 1282.469 (5)
  PetaboxLoader3.datanode: 322.417 (5)
  load_resource: 244.284 (2)
*/