@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
.reader-layout{box-sizing:border-box;grid-template-columns:300px minmax(0,1fr);gap:32px;width:100%;max-width:1400px;height:calc(100vh - 80px);margin:0 auto;padding:24px;font-family:Manrope,sans-serif;display:grid;overflow:hidden}.reader-sidebar{overscroll-behavior:contain;scrollbar-gutter:stable;border-right:1px solid #e5e7eb;min-width:0;height:100%;min-height:0;padding-right:12px;position:relative;overflow-y:auto}.reader-sidebar h2{margin:0 0 16px;font-size:1.2rem;font-weight:700;line-height:1.4}.nav-item{width:100%;color:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:5px;padding:12px;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:500;line-height:1.5;transition:background-color .2s,color .2s;display:block}.nav-item:hover{background:#f1f3f5}.nav-item.subcategory{color:#475569;font-size:.9rem}.nav-item.active{color:#1d4ed8;background:#e8f0f8;font-weight:700;box-shadow:inset 3px 0 #2563eb}.nav-item:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.reader-content{overscroll-behavior:contain;box-sizing:border-box;scrollbar-gutter:stable;overflow-wrap:anywhere;min-width:0;height:100%;min-height:0;padding:12px 24px 48px;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.8;overflow-y:auto}.reader-content>h1{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;line-height:1.3}.policy-text{overflow-wrap:anywhere;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.85}.policy-text h2,.policy-text h3,.policy-text h4{letter-spacing:-.02em;margin:1.8em 0 .7em;font-weight:750;line-height:1.4}.policy-text h2{border-bottom:1px solid #e5e7eb;padding-bottom:.4em;font-size:1.6rem}.policy-text h3{font-size:1.3rem}.policy-text h4{font-size:1.1rem}.policy-text p{margin:0 0 1.2em}.policy-text ul,.policy-text ol{margin-bottom:1.3em;padding-left:1.8rem}.policy-text li{margin-bottom:.45em}.policy-text table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.policy-text th,.policy-text td{text-align:left;vertical-align:top;border:1px solid #d1d5db;padding:10px 12px}.policy-text th{background:#f8fafc;font-weight:700}.policy-text a{color:#2563eb;text-underline-offset:3px;text-decoration:underline}.policy-text blockquote{color:#475569;background:#f8fafc;border-left:3px solid #cbd5e1;margin:1.5em 0;padding:.5em 1em}.policy-text img{max-width:100%;height:auto}.reader-pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px;display:flex;position:fixed;bottom:0}.pagination-button{color:#222;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.reader-content{box-sizing:border-box;flex-direction:column;min-width:0;height:100%;min-height:0;font-family:Manrope,sans-serif;display:flex;overflow:hidden}.reader-article{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-wrap:anywhere;flex:1;min-height:0;padding:12px 24px 24px;line-height:1.8;overflow-y:auto}.reader-pagination{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.pagination-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-button:active:not(:disabled){transform:translateY(1px)}.pagination-button:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.next-button{color:#fff;background:#222;border-color:#222}.next-button:hover:not(:disabled){background:#444;border-color:#444}.pagination-status{color:#64748b;text-align:center;white-space:nowrap;font-size:.85rem;font-weight:600}@media (max-width:768px){.reader-layout{flex-direction:column;gap:20px;height:auto;min-height:0;padding:16px;display:flex;overflow:visible}.reader-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;max-height:35vh;padding:0 0 16px;overflow-y:auto}.reader-content{height:auto;min-height:0;padding:8px 0 32px;font-size:clamp(.9rem,2.5vw,1rem);overflow:visible}.reader-content>h1{font-size:1.7rem}.policy-text h2{font-size:1.4rem}.policy-text h3{font-size:1.2rem}}@media (max-width:480px){.reader-pagination{flex-wrap:wrap;gap:12px}.pagination-button{padding:10px 12px;font-size:.85rem}.pagination-status{order:-1;width:100%}}
