body.opl-guide-page{margin:0;background:#fbf4ef}.opl-guide{box-sizing:border-box}.opl-guide {--wine: #6d273e; --deep: #4b1c2b; --paper: #fbf4ef; --ink: #402b34; --gold: #d8bca1; --muted: #65535a; --line: #dfcfd2; --white: #fffdfa; font-family: Arial,'Segoe UI',sans-serif; font-size: 19px; color: var(--ink); background: var(--paper); line-height: 1.75;}
.opl-guide * {box-sizing: border-box;}
.opl-guide {margin: 0;}
.opl-guide h1,.opl-guide h2,.opl-guide h3,.opl-guide p,.opl-guide ul,.opl-guide ol,.opl-guide figure {margin: 0;}
.opl-guide p+p,.opl-guide p+ol,.opl-guide p+ul,.opl-guide ol+p,.opl-guide ul+p,.opl-guide table+p,.opl-guide details+p {margin-top: 1em;}
.opl-guide a {color: var(--wine); text-underline-offset: 4px; text-decoration-thickness: 1px;}
.opl-guide a:hover {text-decoration-thickness: 2px;}
.opl-guide a,.opl-guide button,.opl-guide summary {touch-action: manipulation;}
.opl-guide a:focus-visible,.opl-guide button:focus-visible,.opl-guide summary:focus-visible {outline: 3px solid #8f5e26; outline-offset: 5px;}
.opl-guide button {font: inherit; cursor: pointer;}
.opl-guide [id] {scroll-margin-top: 24px;}
.opl-guide .skip {position: absolute; top: -100px; left: 12px; background: white; padding: 12px; z-index: 10;}
.opl-guide .skip:focus {top: 12px;}
.opl-guide .site-header {max-width: 1240px; margin: auto; padding: 26px 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.opl-guide .wordmark {color: var(--deep); text-decoration: none; display: flex; align-items: center; gap: 16px; line-height: 1.35; font-size: 16px; font-weight: bold;}
.opl-guide .wordmark b {font: 46px Georgia,serif; padding-right: 17px; border-right: 1px solid #bd9ba5;}
.opl-guide .wordmark span {max-width: 150px;}
.opl-guide .draft {font-size: 14px; color: var(--muted); border: 1px solid var(--line); border-radius: 30px; padding: 6px 15px;}
.opl-guide .header-link {font-size: 16px;}
.opl-guide .hero {background: var(--deep); color: var(--paper);}
.opl-guide .hero-inner {max-width: 1240px; margin: auto; padding: 65px 36px 64px; display: grid; grid-template-columns: 1fr 200px; align-items: center; gap: 42px;}
.opl-guide .eyebrow {font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; font-weight: bold;}
.opl-guide h1 {font: normal clamp(44px,5.5vw,70px)/1.08 Georgia,serif; letter-spacing: -.025em; max-width: 750px;}
.opl-guide h1 em {color: var(--gold); font-weight: normal;}
.opl-guide .hero-lead {max-width: 660px; font-size: 21px; line-height: 1.65; margin-top: 23px; color: #f6e5e9;}
.opl-guide .hero-stamp {border: 1px solid #99747f; border-radius: 50%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; color: var(--gold); font-size: 15px; line-height: 1.5;}
.opl-guide .hero-stamp strong {font: 74px/1.1 Georgia,serif; color: var(--paper);}
.opl-guide .layout {display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 64px; max-width: 1240px; padding: 46px 36px 64px; margin: auto;}
.opl-guide .side-wrap {position: sticky; top: 28px;}
.opl-guide .side-title {font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; font-weight: bold;}
.opl-guide .toc {list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line);}
.opl-guide .toc li {margin: 0;}
.opl-guide .toc a {display: flex; gap: 13px; align-items: center; min-height: 54px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 16px; color: var(--ink); text-decoration: none; line-height: 1.5;}
.opl-guide .toc a:hover {color: var(--wine); background: #f1e3e3;}
.opl-guide .toc .num {font: 19px Georgia,serif; color: var(--wine); min-width: 25px;}
.opl-guide .side-links {display: grid; gap: 10px; margin-top: 20px; font-size: 16px;}
.opl-guide .print {margin-top: 28px; min-height: 48px; padding: 9px 14px; color: var(--wine); border: 1px solid var(--wine); background: transparent; border-radius: 4px; font-size: 16px; text-align: left;}
.opl-guide .side-help {margin-top: 24px; font-size: 15px; color: var(--muted); overflow-wrap: anywhere;}
.opl-guide .content {min-width: 0;}
.opl-guide .intro {padding-bottom: 32px; border-bottom: 1px solid var(--line);}
.opl-guide .intro>p:first-child {font-size: 23px; line-height: 1.6;}
.opl-guide .intro p:last-child {font-size: 17px;}
.opl-guide .note {padding: 20px 23px; background: #f1e4df; border-left: 4px solid var(--wine); border-radius: 0 5px 5px 0; font-size: 18px;}
.opl-guide .guide-step {padding: 43px 0 46px; border-bottom: 1px solid var(--line);}
.opl-guide h2 {font: normal 38px/1.18 Georgia,serif; letter-spacing: -.025em; margin-bottom: 24px;}
.opl-guide h3 {font-size: 22px; line-height: 1.5; margin: 27px 0 12px;}
.opl-guide ol,.opl-guide ul {padding-left: 1.5em;}
.opl-guide li+li {margin-top: 12px;}
.opl-guide .guide-step>p,.opl-guide .guide-step>ol,.opl-guide .guide-step>ul,.opl-guide .guide-help>p {max-width: 69ch;}
.opl-guide .guide-step ol li::marker {color: var(--wine); font-weight: bold;}
.opl-guide strong {font-weight: 700;}
.opl-guide details {margin-top: 20px; border: 1px solid var(--line); border-radius: 5px; background: var(--white);}
.opl-guide summary {cursor: pointer; font-size: 18px; font-weight: bold; line-height: 1.6; padding: 17px 22px; color: var(--wine);}
.opl-guide details[open] summary {border-bottom: 1px solid var(--line);}
.opl-guide details>p {margin: 18px 22px; font-size: 18px; line-height: 1.75;}
.opl-guide details>p+p {margin-top: 0;}
.opl-guide table {border-collapse: collapse; width: 100%; font-size: 17px; line-height: 1.65; margin-top: 16px;}
.opl-guide th,.opl-guide td {text-align: left; vertical-align: top; padding: 17px 15px; border: 1px solid var(--line);}
.opl-guide th {background: #ece0db;}
.opl-guide td:first-child {width: 34%;}
.opl-guide table+ p {font-size: 18px;}
.opl-guide .guide-checklist {background: var(--deep); color: var(--paper); margin-top: 38px; padding: 34px 32px; border-radius: 5px;}
.opl-guide .guide-checklist h2 {font-size: 32px; color: var(--paper);}
.opl-guide .guide-checklist ul {list-style: none; padding: 0;}
.opl-guide .guide-checklist li {position: relative; padding-left: 33px; line-height: 1.6; font-size: 18px;}
.opl-guide .guide-checklist li::before {content: '✓'; position: absolute; left: 0; color: var(--gold); font-size: 22px;}
.opl-guide .guide-help {padding-top: 45px;}
.opl-guide .guide-help>p strong a {overflow-wrap: anywhere;}
.opl-guide .footer {padding: 30px 36px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.7; color: var(--muted); max-width: 1240px; margin: auto; display: flex; justify-content: space-between; gap: 20px;}
.opl-guide .footer a {color: var(--muted);}
@media (max-width:1000px) {.opl-guide .layout {gap: 35px; grid-template-columns: 220px minmax(0,1fr);}.opl-guide .hero-inner {grid-template-columns: 1fr 150px;}.opl-guide .hero-stamp strong {font-size: 60px;}.opl-guide .hero-stamp {font-size: 13px;}.opl-guide h2 {font-size: 33px;}}
@media (max-width:760px) {.opl-guide {font-size: 18px;}.opl-guide .site-header {padding: 20px 22px;}.opl-guide .header-link {display: none;}.opl-guide .wordmark {font-size: 14px; gap: 12px;}.opl-guide .wordmark b {font-size: 39px; padding-right: 12px;}.opl-guide .draft {font-size: 12px; padding: 5px 10px;}.opl-guide .hero-inner {padding: 39px 22px 43px; display: block;}.opl-guide .hero-stamp {display: none;}.opl-guide .eyebrow {font-size: 12px; margin-bottom: 16px;}.opl-guide h1 {font-size: 48px;}.opl-guide .hero-lead {font-size: 19px; margin-top: 21px;}.opl-guide .layout {display: block; padding: 27px 22px 45px;}.opl-guide .sidebar {margin-bottom: 35px;}.opl-guide .side-wrap {position: static;}.opl-guide .toc {display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px;}.opl-guide .toc a {font-size: 15px; padding: 11px 0; min-height: 60px;}.opl-guide .toc .num {font-size: 18px; min-width: 20px;}.opl-guide .side-links {display: flex; flex-wrap: wrap; gap: 14px 24px; font-size: 16px; margin-top: 16px;}.opl-guide .print {margin-top: 20px; min-height: 44px; font-size: 15px;}.opl-guide .side-help {display: none;}.opl-guide .intro>p:first-child {font-size: 21px;}.opl-guide .note {padding: 18px; font-size: 18px;}.opl-guide .guide-step {padding: 34px 0 36px;}.opl-guide h2 {font-size: 32px; margin-bottom: 23px;}.opl-guide h3 {font-size: 21px;}.opl-guide details>p {margin: 17px 18px;}.opl-guide summary {font-size: 18px; padding: 16px 18px;}.opl-guide li+li {margin-top: 15px;}.opl-guide table {font-size: 16px;}.opl-guide td,.opl-guide th {padding: 13px 10px; overflow-wrap: anywhere;}.opl-guide td:first-child {width: 38%;}.opl-guide .guide-checklist {padding: 27px 22px; margin-top: 32px;}.opl-guide .guide-checklist h2 {font-size: 29px;}.opl-guide .guide-help {padding-top: 34px;}.opl-guide .footer {padding: 24px 22px; display: block;}.opl-guide .footer>div+div {margin-top: 14px;}}
@media (max-width:360px) {.opl-guide h1 {font-size: 42px;}.opl-guide .draft {max-width: 85px; line-height: 1.4; text-align: center;}.opl-guide .toc {display: block;}.opl-guide .layout,.opl-guide .site-header,.opl-guide .hero-inner,.opl-guide .footer {padding-left: 18px; padding-right: 18px;}}
@media print {html:has(.opl-guide) {scroll-behavior: auto;}.opl-guide {font-size: 12pt; color: #111; background: white;}.opl-guide .site-header,.opl-guide .sidebar,.opl-guide .hero-stamp,.opl-guide .draft,.opl-guide .skip {display: none !important;}.opl-guide .hero {background: white; color: #111; border-bottom: 2px solid #333;}.opl-guide .hero-inner {display: block; padding: 0 0 20px;}.opl-guide .hero h1 {font-size: 34pt; max-width: none; color: #111;}.opl-guide .hero h1 em,.opl-guide .eyebrow,.opl-guide .hero-lead {color: #111;}.opl-guide .hero-lead {font-size: 13pt;}.opl-guide .layout {display: block; padding: 20px 0;}.opl-guide .intro>p:first-child {font-size: 14pt;}.opl-guide .intro p:last-child {font-size: 12pt;}.opl-guide .guide-step {padding: 22px 0;}.opl-guide h2 {font-size: 22pt; break-after: avoid;}.opl-guide h3 {font-size: 15pt; break-after: avoid;}.opl-guide p,.opl-guide li,.opl-guide details>p,.opl-guide summary,.opl-guide .note,.opl-guide table,.opl-guide .guide-checklist li {font-size: 12pt;}.opl-guide a {color: #111; text-decoration: none;}.opl-guide .note {border-left: 3px solid #333; padding: 12px; background: #eee;}.opl-guide .guide-checklist {color: #111; background: #eee; border: 1px solid #777; padding: 20px;}.opl-guide .guide-checklist h2 {color: #111; font-size: 21pt;}.opl-guide .guide-checklist li::before {color: #111;}.opl-guide details {border: 0; border-top: 1px solid #aaa;}.opl-guide summary {padding: 12px 0;}.opl-guide details>p {margin: 10px 0;}.opl-guide table {font-size: 11pt;}.opl-guide thead {display: table-header-group;}.opl-guide tr {break-inside: avoid;}.opl-guide .guide-help {padding-top: 24px;}.opl-guide .footer {font-size: 10pt; padding: 15px 0;}.opl-guide p {orphans: 3; widows: 3;}@page {size: A4; margin: 17mm;}}
.opl-guide .guide-rb {padding: 42px 0; border-bottom: 1px solid var(--line);}
.opl-guide .guide-rb>h2 {font-size: 42px;}
.opl-guide .guide-rb h3 {margin-top: 36px;}
.opl-guide .rb-figure {margin: 24px 0 30px; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 5px;}
.opl-guide .rb-figure img {display: block; max-width: 100%; width: 100%; height: auto; margin: auto;}
.opl-guide .rb-figure figcaption {font-size: 16px; line-height: 1.65; color: var(--muted); margin-top: 14px;}
.opl-guide .rb-settings img {max-width: 832px;}
.opl-guide .rb-director {display: flex; gap: 22px; align-items: center;}
.opl-guide .rb-director img {width: 180px; max-width: 45%; flex: 0 0 auto;}
.opl-guide .rb-director figcaption {margin: 0;}
.opl-guide .zoom-image {display: block; margin: 14px 0 0; background: transparent; border: 1px solid var(--wine); padding: 8px 13px; color: var(--wine); border-radius: 3px; font-size: 16px; min-height: 44px;}
.opl-guide .image-dialog {width: 96vw; max-width: 1600px; height: 94vh; max-height: 94vh; border: 1px solid var(--line); padding: 20px; background: white;}
.opl-guide .image-dialog::backdrop {background: #1f0e18cc;}
.opl-guide .image-dialog img {display: block; width: auto; max-width: 100%; max-height: calc(90vh - 90px); height: auto; margin: 18px auto 0;}
.opl-guide .dialog-close {min-height: 44px; padding: 8px 20px; border: 1px solid var(--wine); background: var(--wine); color: white; float: right;}
.opl-guide .rb-jumps {border-top: 1px solid var(--line); margin-top: 24px; padding-top: 18px;}
.opl-guide .rb-jumps>a {display: block; padding: 6px 0; font-size: 16px;}
.opl-guide .rb-policy {font-size: 16px; color: var(--muted); margin-top: 15px;}
.opl-guide .source-note {font-size: 14px !important; margin-top: 14px;}
.opl-guide .guide-rb a {overflow-wrap: anywhere;}
@media (max-width:760px) {.opl-guide .guide-rb {padding: 34px 0;}.opl-guide .guide-rb>h2 {font-size: 34px;}.opl-guide .rb-figure {padding: 12px;}.opl-guide .rb-figure figcaption {font-size: 16px;}.opl-guide .rb-director {display: block;}.opl-guide .rb-director img {width: 180px; max-width: 100%; margin: 0 0 16px;}.opl-guide .rb-jumps {display: flex; flex-wrap: wrap; gap: 0 20px;}.opl-guide .rb-jumps .side-title {width: 100%; margin-bottom: 8px;}.opl-guide .image-dialog {padding: 12px;}.opl-guide .guide-rb h3 {scroll-margin-top: 18px;}}
@media print {.opl-guide .zoom-image,.opl-guide .image-dialog {display: none !important;}.opl-guide .guide-rb>h2 {font-size: 23pt;}.opl-guide .rb-figure {break-inside: avoid; margin: 16px 0; padding: 8px;}.opl-guide .rb-figure figcaption {font-size: 10pt;}.opl-guide .rb-figure img {max-height: 120mm; width: auto; max-width: 100%;}.opl-guide .rb-settings img {max-height: 105mm;}.opl-guide .rb-director img {width: 45mm;}.opl-guide .guide-rb h3 {font-size: 15pt;}.opl-guide .source-note {font-size: 10pt !important;}}
.opl-guide .side-wrap {max-height: calc(100vh - 56px); overflow-y: auto; padding-right: 12px;}
.opl-guide .side-wrap::-webkit-scrollbar {width: 5px;}
.opl-guide .side-wrap::-webkit-scrollbar-thumb {background: #d8bca1; border-radius: 4px;}
@media (max-width:760px) {.opl-guide .side-wrap {max-height: none; overflow: visible; padding-right: 0;}}
@media print {.opl-guide .side-wrap {max-height: none; overflow: visible;}}