/*--------------------------------------- MAIN ------------------------------------*/

html {
scroll-behavior: smooth;
scrollbar-width: thin;
scrollbar-color: #8a3a3a #0c0910;
}

html::-webkit-scrollbar {
width: 10px;
}

html::-webkit-scrollbar-track {
background: #0c0910;
}

html::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #6d2a2a 0%, #4d0000 100%);
border: 1px solid #1a0a0c;
border-radius: 8px;
}

html::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #cf5556 0%, #8a3a3a 100%);
}

.pn_rotf_wrapper {
width:100%;
box-sizing:border-box;
position:relative;
padding-bottom: 120px;
}

.pn_rotf_blured_background {
height:300px;
background:url('../patchnotes/pn_rotf_blured_background.jpg') top center no-repeat;
background-size:cover;
position:absolute;
top:0;
left:0;
right:0;
}

.pn_rotf_pagewidth {
width:100%;
max-width:1500px;
box-sizing:border-box;
margin:0 auto;
position:relative;
}

.pn_rotf_headerspacer {
height:100px;
}

.pn_rotf_imgheader {
box-sizing:border-box;
height:400px;
background:url('../patchnotes/pn_rotf_imgheader.webp') 100% 22% no-repeat;
background-size:100% auto;
position:relative;
}

.pn_rotf_contentblock {
box-sizing:border-box;
padding:20px;
background:url('../patchnotes/pn_rotf_contentfade.png') top center repeat-x;
display: flex;
align-items: flex-start;
gap: 50px;
}

/*--------------------------------------- MENU ------------------------------------*/

.pn_rotf_menu {
flex: 0 0 300px;
position: sticky;
top: 20px;
z-index: 100;
font-family: Caladea, serif;
max-height: calc(100vh - 40px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #8a3a3a #160e14;
}

.pn_rotf_menu::-webkit-scrollbar {
width: 8px;
}

.pn_rotf_menu::-webkit-scrollbar-track {
background: #160e14;
border-radius: 8px;
}

.pn_rotf_menu::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #6d2a2a 0%, #4d0000 100%);
border: 1px solid #2a0a0a;
border-radius: 8px;
}

.pn_rotf_menu::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #cf5556 0%, #8a3a3a 100%);
}

.pn_rotf_menu::-webkit-scrollbar-corner {
background: #160e14;
}

.pn_rotf_menu h2 {
padding:0px 0px 15px 0px;
margin:0px;
color:#FFF;
font-size:120%;
font-family: Last Epoch;
text-transform: none;
letter-spacing: normal;
}

.pn_rotf_menu h3 {
padding:0;
margin:0px;
color:#cf5556;
font-size:110%;
font-family: Caladea, serif;
font-weight:700;
text-transform: none;
letter-spacing: normal;
-webkit-text-fill-color: #cf5556;
-webkit-background-clip: border-box;
background-clip: border-box;
background-color:#231d2d;
background-image:url('../patchnotes/pn_rotf_menu_headline.webp');
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}

.pn_rotf_menu h3 a {
display:block;
padding:10px;
color:inherit;
-webkit-text-fill-color:inherit;
text-decoration:none;
transition:0.3s;
}

.pn_rotf_menu h3 a:hover,
.pn_rotf_menu h3 a:focus {
color:#FFF;
-webkit-text-fill-color:#FFF;
text-decoration:none;
}

.pn_rotf_menu_topline {
border-bottom:1px solid #4d0000;
}

a.pn_rotf_menu_item {
display:block;
position:relative;
color:#dfc6c6;
font-family: Caladea, serif;
text-transform: none;
letter-spacing: normal;
text-decoration:none;
padding:10px 0px;
padding-left:30px;
padding-right:20px;
border-bottom:1px solid #4d0000;
transition:0.3s;
}
a.pn_rotf_menu_item:hover {
padding-left:50px;
padding-right:0px;
color:#FFF;
}
a.pn_rotf_menu_item:before {
content:"";
position:absolute;
left:0;
top:50%;
transform: translateY(-50%) scale(1);
height:20px;
width:20px;
background:url('../patchnotes/pn_rotf_menu_arrow.png') center center no-repeat;
background-size:contain;
transition:0.3s;
}
a.pn_rotf_menu_item:hover:before {
transform: translateY(-50%) scale(1.5);
filter:brightness(150%);
}

a.pn_rotf_menu_item--child {
padding-left: 48px;
}

a.pn_rotf_menu_item--child:hover {
padding-left: 68px;
}

a.pn_rotf_menu_item--child:before {
left: 18px;
}

.pn_rotf_menu_group {
margin: 6px 0 8px;
padding: 2px 0;
}

a.pn_rotf_menu_subhead {
display: flex;
align-items: center;
gap: 8px;
margin: 6px 0 0;
padding: 4px 0px 2px 0px;
color: #ad895a;
font-family: Caladea, serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
text-decoration: none;
transition: color 0.3s;
}

a.pn_rotf_menu_subhead::after {
content: "";
flex: 1;
height: 1px;
background: linear-gradient(90deg, rgba(173, 137, 90, 0.75), rgba(173, 137, 90, 0));
}

a.pn_rotf_menu_subhead:hover,
a.pn_rotf_menu_subhead:focus {
color: #f3d9a4;
text-decoration: none;
}

/*--------------------------------------- CONTENT ------------------------------------*/

.pn_rotf_content {
flex:1 1 auto;
width:0;
min-width:0;
max-width:100%;
}

.bottommarg {
padding:0px;
margin:0px;
margin-bottom:20px;
}

.pn_rotf_content b.highlight {
color:#9d1c1c;
}

.pn_rotf_content h1{
margin-top: 7px;
color:#FFF;
font-size: 36px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0.8rem !important;

}

.pn_rotf_line {
background:#988f6d;
height:2px;
}

.pn_rotf_divider {
margin: 40px 0;
line-height: 0;
}

.pn_rotf_divider img {
display: block;
width: 100%;
height: auto;
mix-blend-mode: screen;
}

.pn_rotf_divider + .pn_rotf_horizontalfade {
padding-top: 8px;
}

.pn_rotf_content h2 {
color:#ad895a;
font-size:30px;
}

.pn_rotf_content h3 {
color:#ad895a;
font-size:24px;
margin-top: 16px;
}

.pn_rotf_content h2.bottommarg:has(+ ul.pn_rotf_list),
.pn_rotf_content h3.bottommarg:has(+ ul.pn_rotf_list) {
margin-bottom: 4px;
}

.pn_rotf_content ul.pn_rotf_list + h2.bottommarg {
margin-top: 14px;
}

.pn_rotf_content ul.pn_rotf_list + h3.bottommarg {
margin-top: 28px;
}

.pn_rotf_content h2.bottommarg:has(+ h3.bottommarg) {
margin-bottom: 8px;
}

.pn_rotf_content h2.bottommarg + h3.bottommarg {
margin-top: 0;
}

.pn_rotf_content h2.bottommarg + ul.pn_rotf_list > li:first-child,
.pn_rotf_content h3.bottommarg + ul.pn_rotf_list > li:first-child {
padding-top: 0;
}

.pn_rotf_content p {
margin-top: 5px;
color:#dfc6c6;
}

.pn_rotf_content strong {
color:#f0ddd0;
font-weight:700;
}

.pn_rotf_content s {
color:#9a8888;
}

.pn_rotf_content code {
font-family: Consolas, "Courier New", monospace;
background: rgba(0,0,0,0.35);
border: 1px solid #4d0000;
padding: 1px 6px;
color:#f3d9a4;
font-size: 85%;
}

.pn_rotf_content [id],
.pn_rotf_horizontalfade[id],
.pn_rotf_texted_image[id],
.pn_rotf_class[id] {
scroll-margin-top: 100px;
}

.pn_rotf_image {
}

.pn_rotf_image img{
width:100%;
}

.pn_rotf_image--tooltip {
display:flex;
justify-content:flex-start;
}

.pn_rotf_image--tooltip img{
width:auto;
max-width:min(100%, 460px);
height:auto;
}

.pn_rotf_video {
margin-bottom:20px;
}

.pn_rotf_overview {
margin: 6px 0 24px;
}

.pn_rotf_overview_frame {
border: 1px solid #c9a86a;
background: #07050a;
}

.pn_rotf_overview_frame .responsive-embed {
margin-bottom: 0;
}

.pn_rotf_content .pn_rotf_overview_caption {
margin: 14px 0 0;
padding: 0;
text-align: center;
font-family: Caladea, Georgia, serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.16em;
line-height: 1.4;
text-transform: uppercase;
color: #ad895a;
}

.pn_rotf_image_subtext {
font-size:100%;
color:#ad895a;
text-align:center;
}

.pn_rotf_texted_image {
position:relative;
/* Keep the gutter so this rule meets the content line below.
   Paint it only from the opaque banner bar (row 82 of 254). */
border-left: 3px solid transparent;
}

.pn_rotf_texted_image::after {
content: "";
position: absolute;
left: -3px;
top: calc(82 / 254 * 100%);
bottom: 0;
width: 3px;
background: #4d0000;
pointer-events: none;
}

.pn_rotf_texted_image + .pn_rotf_lined_content,
.pn_rotf_class + .pn_rotf_lined_content {
margin-top: 0;
}

.pn_rotf_class {
display: flex;
align-items: center;
gap: 14px;
box-sizing: border-box;
border-left: 3px solid #4d0000;
margin: 0;
padding: 28px 20px 6px 20px;
}

.pn_rotf_class img {
width: 104px;
height: 104px;
object-fit: contain;
flex: 0 0 auto;
}

.pn_rotf_class_name {
color: #fff;
font-family: Last Epoch;
font-weight: 600;
font-size: 42px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.pn_rotf_texted_image img{
display:block;
width:100%;
}

.pn_rotf_texted_image .text {
position:absolute;
bottom:0;
left:0;
font-size:200%;
color:#FFF;
padding:30px;
}

.pn_rotf_texted_image h2.heading_text {
	position: absolute;
    bottom: 0;
    left: 0;
    font-size: 40px;
    color: #FFF;
    padding: 30px;
    font-family: Last Epoch;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0,0,0,0.85);
    line-height: 1.05;
}

.pn_rotf_lined_content {
box-sizing:border-box;
border-left:3px solid #4d0000;
padding:20px;
}

/* Section headings that sit between bordered blocks share that border,
   so a section reads as one continuous left line. */
.pn_rotf_content > h2.bottommarg:has(+ .pn_rotf_lined_content) {
box-sizing:border-box;
border-left:3px solid #4d0000;
margin-top:0;
margin-bottom:0;
padding:8px 20px 0 20px;
}

.pn_rotf_content > h2.bottommarg:has(+ .pn_rotf_lined_content) + .pn_rotf_lined_content {
padding-top:6px;
}

.pn_rotf_content > .pn_rotf_lined_content:has(+ h2.bottommarg) {
margin-bottom:0;
padding-bottom:4px;
}

.pn_rotf_content > .pn_rotf_lined_content + h2.bottommarg:has(+ .pn_rotf_lined_content) {
padding-top:18px;
}

/* Tooltip images between notes stay inside the same left border. */
.pn_rotf_content > .pn_rotf_lined_content:has(+ .pn_rotf_image--tooltip) {
margin-bottom:0;
}

.pn_rotf_content > .pn_rotf_lined_content + .pn_rotf_image--tooltip:has(+ .pn_rotf_lined_content) {
box-sizing:border-box;
border-left:3px solid #4d0000;
margin-top:0;
margin-bottom:0;
padding:0 0 0 20px;
}

/* Class badges stay inside the same left border as the notes around them. */
.pn_rotf_content > .pn_rotf_lined_content:has(+ .pn_rotf_class) {
margin-bottom:0;
}

ul.pn_rotf_list {
color:#dfc6c6;
padding:0px;
margin:0px;
}

ul.pn_rotf_list li{
margin-left:20px;
padding:5px 0px;
font-size: 21px;

}

ul.pn_rotf_list ul.pn_rotf_list {
margin-top: 6px;
margin-bottom: 6px;
}

ul.pn_rotf_list ul.pn_rotf_list li {
font-size: 19px;
}

.pn_rotf_horizontalfade {
box-sizing:border-box;
color:#9d1c1c;
padding:36px 0 16px 0;
margin:0;
font-size:60px;
font-weight:700;
font-family: Last Epoch;
text-transform: uppercase;
line-height:1.05;
}

.pn_rotf_iconheadline {
display:flex;
align-items: center;
justify-content: center;
}

.pn_rotf_icon {
flex: 0 0 100px;
}

.pn_rotf_icon img {
width:100%;
}

.pn_rotf_headline {
flex:1;
color:#FFF;
font-size:34px;
font-family: Last Epoch;
text-transform: uppercase;
}

/*--------------------------------------- FORUM BUTTON ------------------------------------*/

a.pn_rotf_forum {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 400;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 310px;
height: 72px;
padding: 0 42px;
background: url('../patchnotes/rotf_timer_frame.webp') center center / 100% 100% no-repeat;
color: #fff;
font-family: Last Epoch, Caladea, serif;
font-size: 17px;
line-height: 1;
letter-spacing: 0.02em;
text-align: center;
text-decoration: none;
text-shadow: 0 0 8px #400, 0 2px 2px #000;
white-space: nowrap;
pointer-events: none;
opacity: 0;
translate: 56px 0;
transition: translate 1.05s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.95s ease, filter 0.3s, color 0.3s, transform 0.3s;
}

a.pn_rotf_forum--in {
opacity: 1;
pointer-events: auto;
translate: 0 0;
}

a.pn_rotf_forum--in:hover,
a.pn_rotf_forum--in:focus {
color: #ffd0d0;
filter: drop-shadow(0 0 12px rgba(255, 40, 40, 0.75)) brightness(1.3);
transform: scale(1.04);
outline: none;
}

@media (prefers-reduced-motion: reduce) {
a.pn_rotf_forum,
.pn_rotf_menu,
.pn_rotf_toc_toggle,
.pn_rotf_toc_close,
.pn_rotf_toc_chevron {
transition: none;
animation: none;
}
}

/*--------------------------------------- RESPONSIVE ------------------------------------*/

@media screen and (max-width: 1500px) {	
.pn_rotf_blured_background {
height:0px;
}

.pn_rotf_headerspacer {
height:0;
}

.pn_rotf_imgheader {
height:auto;
padding-top:32%;
}
}

.pn_rotf_menu_head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}

.pn_rotf_menu_head h2 {
flex: 1;
}

.pn_rotf_toc_close,
.pn_rotf_toc_slot {
display: none;
}

@media screen and (max-width: 960px) {	

.pn_rotf_content {
width: auto;
}

.pn_rotf_contentblock {
box-sizing:border-box;
padding:20px;
background:url('../patchnotes/pn_rotf_contentfade.png') top center repeat-x;
display: block;
}

.pn_rotf_toc_slot {
display: block;
height: 58px;
margin: 8px 0 18px;
}

.pn_rotf_toc_toggle {
display: flex;
align-items: center;
gap: 14px;
width: 100%;
height: 58px;
padding: 0 16px;
box-sizing: border-box;
border: 1px solid #6d2a2a;
background-color: #1a121c;
background-image: linear-gradient(180deg, rgba(77, 0, 0, 0.35), rgba(12, 9, 16, 0.2)), url('../patchnotes/pn_rotf_menu_headline.webp');
background-position: center;
background-size: cover;
color: #fff;
font-family: Last Epoch, Caladea, serif;
font-size: 18px;
letter-spacing: 0.04em;
text-align: left;
cursor: pointer;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
transition: filter 0.3s ease, box-shadow 0.35s ease, background-color 0.3s ease;
}

.pn_rotf_toc_toggle:hover,
.pn_rotf_toc_toggle:focus-visible {
filter: brightness(1.18);
outline: none;
}

.pn_rotf_toc_icon {
display: flex;
flex: 0 0 22px;
color: #e07a72;
}

.pn_rotf_toc_label {
flex: 1;
}

.pn_rotf_toc_chevron {
display: flex;
flex: 0 0 18px;
color: #ad895a;
transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.pn_rotf_toc_toggle:hover .pn_rotf_toc_chevron,
.pn_rotf_toc_toggle:focus-visible .pn_rotf_toc_chevron {
transform: translateX(4px);
}

.pn_rotf_toc_toggle.is-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 260;
width: 100%;
border-left: 0;
border-right: 0;
border-top: 0;
border-radius: 0;
background-color: #120c14;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
animation: pnTocStick 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.pn_rotf_menu {
position: fixed;
inset: 0;
z-index: 900;
flex: none;
width: 100%;
max-height: none;
margin: 0;
padding: max(18px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
background: #0c0910 url('../patchnotes/pn_rotf_blured_menu.webp') center center / cover no-repeat;
box-shadow: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
clip-path: inset(0 0 100% 0);
transition: clip-path 0.48s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.32s ease, visibility 0.48s;
}

.pn_rotf_menu--open {
opacity: 1;
visibility: visible;
pointer-events: auto;
clip-path: inset(0 0 0 0);
}

.pn_rotf_menu_head {
position: relative;
align-items: center;
min-height: 44px;
margin: 0 0 10px;
padding: 0;
background: none;
}

.pn_rotf_menu_head h2 {
padding: 0;
margin: 0;
line-height: 1;
}

.pn_rotf_toc_close {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
flex: 0 0 44px;
border: 1px solid #6d2a2a;
background: rgba(35, 29, 45, 0.9);
color: #fff;
cursor: pointer;
transition: background 0.3s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s ease;
}

.pn_rotf_menu--open .pn_rotf_toc_close {
animation: pnTocCloseIn 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.pn_rotf_toc_close:hover,
.pn_rotf_toc_close:focus-visible {
background: #4d0000;
color: #fff;
transform: rotate(90deg);
outline: none;
}

.pn_rotf_content [id] {
scroll-margin-top: 74px;
}

@keyframes pnTocStick {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
}

@keyframes pnTocCloseIn {
from { opacity: 0; transform: rotate(-90deg) scale(0.7); }
to { opacity: 1; transform: none; }
}

.pn_rotf_menu_topline {
border-bottom:2px solid #4d0000;
}

a.pn_rotf_menu_item {
border-bottom:2px solid #4d0000;
}

.pn_rotf_content {
min-width: 0;
}

.pn_rotf_horizontalfade {
font-size: 32px;
margin: 28px 0 12px;
}

.pn_rotf_content h1 {
font-size: 34px;
}

.pn_rotf_content h2 {
font-size: 26px;
}

.pn_rotf_content h3 {
font-size: 21px;
}

.pn_rotf_texted_image {
display: grid;
}

.pn_rotf_texted_image::before {
content: "";
grid-area: 1 / 1;
width: 100%;
padding-top: 26%;
}

.pn_rotf_texted_image img {
grid-area: 1 / 1;
width: 100%;
height: 100%;
min-height: 0;
object-fit: cover;
object-position: center;
}

.pn_rotf_texted_image h2.heading_text {
grid-area: 1 / 1;
position: relative;
align-self: end;
z-index: 1;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 16px 18px;
font-size: 32px;
line-height: 1.08;
overflow-wrap: break-word;
}

.pn_rotf_class img {
width: 84px;
height: 84px;
}

.pn_rotf_class_name {
font-size: 32px;
}
}

@media screen and (max-width: 640px) {
.pn_rotf_contentblock {
padding: 16px;
}

.pn_rotf_menu {
padding: max(16px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));
}

.pn_rotf_horizontalfade {
font-size: 26px;
margin: 24px 0 10px;
}

.pn_rotf_content h1 {
font-size: 30px;
}

.pn_rotf_content h2 {
font-size: 22px;
}

.pn_rotf_content h3 {
font-size: 18px;
}

.pn_rotf_lined_content {
padding: 16px 12px 16px 14px;
}

.pn_rotf_content > h2.bottommarg:has(+ .pn_rotf_lined_content) {
padding: 8px 12px 0 14px;
}

.pn_rotf_content > .pn_rotf_lined_content + h2.bottommarg:has(+ .pn_rotf_lined_content) {
padding-top: 16px;
}

ul.pn_rotf_list li {
font-size: 18px;
margin-left: 16px;
}

ul.pn_rotf_list ul.pn_rotf_list li {
font-size: 16px;
}

.pn_rotf_texted_image h2.heading_text {
font-size: 22px;
padding: 12px 14px;
}

.pn_rotf_class {
gap: 10px;
margin-top: 0;
padding: 20px 12px 6px 14px;
}

.pn_rotf_class img {
width: 68px;
height: 68px;
}

.pn_rotf_class_name {
font-size: 26px;
letter-spacing: 0.04em;
}

.pn_rotf_wrapper {
padding-bottom: 90px;
}

a.pn_rotf_forum {
right: 0;
left: 0;
bottom: 10px;
margin-inline: auto;
width: 210px;
height: 49px;
padding: 0 24px;
font-size: 12px;
translate: 0 32px;
}

a.pn_rotf_forum--in {
translate: 0 0;
}
}

.pn_rotf_heading_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px 20px;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
padding-right: 16px;
margin-top: 7px;
margin-bottom: 0.8rem;
}

.pn_rotf_content .pn_rotf_heading_row h1 {
margin-top: 0;
margin-bottom: 0 !important;
flex: 1 1 0%;
min-width: 0;
overflow: hidden;
}

.pn_rotf_version {
position: relative;
display: flex;
align-items: center;
flex: 0 0 auto;
}

.pn_rotf_version select,
.pn_rotf_version select:not([multiple]) {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
width: auto;
height: 38px;
min-height: 38px;
margin: 0;
background-color: rgba(7, 5, 10, 0.85);
background-image: none;
color: #f0ddd0;
-webkit-text-fill-color: #f0ddd0;
border: 1px solid #c9a86a;
font-family: Caladea, Georgia, serif;
font-size: 15px;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 20px;
padding: 8px 40px 8px 14px;
cursor: pointer;
color-scheme: dark;
}

.pn_rotf_version select::-ms-expand {
display: none;
}

.pn_rotf_version select:hover,
.pn_rotf_version select:focus,
.pn_rotf_version select:active,
.pn_rotf_version select:focus-visible {
border-color: #e4d2a2;
background-color: rgba(7, 5, 10, 0.85);
background-image: none;
color: #fff;
-webkit-text-fill-color: #fff;
box-shadow: none;
outline: none;
}

.pn_rotf_version select option {
background-color: #120c14;
color: #f0ddd0;
}

.pn_rotf_version_arrow {
position: absolute;
right: 14px;
top: 50%;
width: 12px;
height: 8px;
color: #ad895a;
transform: translateY(-50%);
pointer-events: none;
}

@media screen and (max-width: 960px) {
.pn_rotf_heading_row {
flex-wrap: nowrap;
align-items: stretch;
flex-direction: column;
gap: 10px;
}

.pn_rotf_content .pn_rotf_heading_row h1 {
flex: 0 1 auto;
align-self: flex-start;
width: auto;
max-width: 100%;
margin-left: 0;
text-align: left;
}

.pn_rotf_version {
order: -1;
align-self: flex-start;
margin-left: 0;
}
}

@media screen and (max-width: 640px) {
.pn_rotf_version select,
.pn_rotf_version select:not([multiple]) {
font-size: 14px;
}
}