:root{--color-primary: #003399;--color-primary-light: #407BFF;--color-primary-lighter: #EBF4FF;--color-primary-dark: #00337A;--color-secondary: #FDB714;--color-secondary-light: #FFCA42;--color-secondary-lighter: #FFF8E7;--color-romania-red: #CE1126;--color-romania-yellow: #FCD116;--color-romania-blue: #002B7F;--color-white: #FFFFFF;--color-neutral-50: #F8FAFC;--color-neutral-100: #E2E8F0;--color-neutral-500: #64748B;--color-neutral-900: #1E293B;--color-success: #28A745;--color-success-light: #D4EDDA;--color-warning: #FFC107;--color-warning-light: #FFF3CD;--color-error: #DC3545;--color-error-light: #F8D7DA;--color-info: #17A2B8;--color-info-light: #D1ECF1;--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-500);--color-text-inverse: var(--color-white);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-light);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-neutral-50);--color-bg-tertiary: #F5F7FF;--color-bg-hover: var(--color-neutral-100);--color-bg-active: var(--color-primary-lighter);--color-border-light: #F1F5F9;--color-border: var(--color-neutral-100);--color-border-medium: #CBD5E1;--color-overlay-light: rgba(0, 0, 0, .1);--color-overlay-medium: rgba(0, 0, 0, .5);--color-overlay-dark: rgba(0, 0, 0, .8);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-primary-soft: linear-gradient(135deg, var(--color-neutral-50) 0%, var(--color-neutral-100) 100%);--gradient-accent: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));--gradient-hero: linear-gradient(rgba(0, 51, 153, .9), rgba(0, 51, 153, .85))}:root{--font-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-md: 1.05rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.4rem;--font-size-3xl: 1.8rem;--font-size-4xl: 2rem;--font-size-5xl: 2.25rem;--font-size-6xl: 2.5rem;--font-size-7xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary);margin:0}h1{font-size:var(--font-size-7xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-3xl);line-height:var(--line-height-snug)}h3{font-size:var(--font-size-2xl);line-height:var(--line-height-snug)}h4{font-size:var(--font-size-2xl);line-height:var(--line-height-normal)}h5{font-size:var(--font-size-xl);line-height:var(--line-height-normal)}h6{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}p{margin:0 0 1rem;line-height:var(--line-height-relaxed)}a{color:var(--color-text-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-text-link-hover)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}small{font-size:var(--font-size-sm)}code{font-family:var(--font-mono);font-size:var(--font-size-sm);padding:.125rem .25rem;background-color:var(--color-neutral-100);border-radius:.25rem}ul,ol{margin:0 0 1rem;padding-left:2rem}li{margin-bottom:.5rem}@media(max-width:992px){:root{--font-size-7xl: 2.5rem;--font-size-6xl: 2.25rem;--font-size-5xl: 2rem}}@media(max-width:768px){:root{--font-size-7xl: 2.2rem;--font-size-6xl: 2rem;--font-size-5xl: 1.8rem}body{font-size:.95rem}}:root{--spacing-unit: .25rem;--spacing-0: 0;--spacing-1: calc(var(--spacing-unit) * 1);--spacing-2: calc(var(--spacing-unit) * 2);--spacing-3: calc(var(--spacing-unit) * 3);--spacing-4: calc(var(--spacing-unit) * 4);--spacing-5: calc(var(--spacing-unit) * 5);--spacing-6: calc(var(--spacing-unit) * 6);--spacing-7: calc(var(--spacing-unit) * 7);--spacing-8: calc(var(--spacing-unit) * 8);--spacing-10: calc(var(--spacing-unit) * 10);--spacing-12: calc(var(--spacing-unit) * 12);--spacing-14: calc(var(--spacing-unit) * 14);--spacing-16: calc(var(--spacing-unit) * 16);--spacing-20: calc(var(--spacing-unit) * 20);--spacing-24: calc(var(--spacing-unit) * 24);--spacing-32: calc(var(--spacing-unit) * 32);--spacing-section: var(--spacing-8);--spacing-section-lg: var(--spacing-12);--spacing-component: var(--spacing-6);--spacing-component-sm: var(--spacing-4);--spacing-element: var(--spacing-3);--spacing-element-sm: var(--spacing-2);--gap-xs: var(--spacing-2);--gap-sm: var(--spacing-3);--gap-md: var(--spacing-4);--gap-lg: var(--spacing-6);--gap-xl: var(--spacing-8);--gap-2xl: var(--spacing-10);--container-padding: var(--spacing-5);--container-padding-lg: var(--spacing-8);--radius-none: 0;--radius-sm: .175rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--width-xs: 20rem;--width-sm: 24rem;--width-md: 28rem;--width-lg: 32rem;--width-xl: 36rem;--width-2xl: 42rem;--width-3xl: 48rem;--width-4xl: 56rem;--width-5xl: 64rem;--width-6xl: 72rem;--width-7xl: 80rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1600px;--sidebar-width: 280px;--sidebar-width-sm: 250px;--toc-width: 320px;--header-height: 4.5rem;--header-height-mobile: 4rem}@media(max-width:768px){:root{--spacing-section: var(--spacing-6);--spacing-section-lg: var(--spacing-8);--container-padding: var(--spacing-4)}}@media(max-width:480px){:root{--spacing-section: var(--spacing-5);--spacing-section-lg: var(--spacing-6);--container-padding: var(--spacing-3)}}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-base: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .08);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .1);--shadow-2xl: 0 15px 35px rgba(0, 0, 0, .12);--shadow-3xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 15px rgba(0, 51, 153, .3);--shadow-primary-lg: 0 7px 20px rgba(0, 51, 153, .4);--shadow-secondary: 0 4px 15px rgba(255, 204, 0, .3);--shadow-secondary-lg: 0 7px 20px rgba(255, 204, 0, .4);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-inner-lg: inset 0 4px 8px rgba(0, 0, 0, .1);--duration-fast: .15s;--duration-base: .2s;--duration-medium: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--transition-base: all var(--duration-base) var(--ease-in-out);--transition-fast: all var(--duration-fast) var(--ease-in-out);--transition-smooth: all var(--duration-medium) var(--ease-smooth);--transition-colors: color var(--duration-base) var(--ease-in-out), background-color var(--duration-base) var(--ease-in-out), border-color var(--duration-base) var(--ease-in-out);--transition-transform: transform var(--duration-medium) var(--ease-out);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-max: 999;--opacity-disabled: .5;--opacity-hover: .8;--opacity-subtle: .6;--opacity-medium: .7;--opacity-high: .9;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--ease-in-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-medium) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-medium) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--duration-medium) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-medium) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed}ul[role=list],ol[role=list]{list-style:none}img,picture,svg,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{text-decoration-skip-ink:auto}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}body{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);overflow-x:hidden}::selection{background-color:var(--color-primary);color:var(--color-white)}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}img{max-width:100%!important}@page{margin:2cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--container-padding)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.container-full{max-width:100%}.container-fluid{width:100%;padding:0 var(--container-padding)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.gap-xl{gap:var(--gap-xl)}.gap-2xl{gap:var(--gap-2xl)}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.principles-grid,.resources-grid,.stats-grid,.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-md);margin:var(--spacing-12) 0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--gap-xl);margin:var(--spacing-12) 0}.implementation-steps{display:flex;flex-direction:column;gap:var(--gap-2xl);max-width:var(--width-5xl);margin:0 auto}.cta-buttons{display:flex;justify-content:center;gap:var(--gap-lg);margin-top:var(--spacing-8);flex-wrap:wrap}@media(max-width:992px){.container{padding:0 var(--spacing-6)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 var(--spacing-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.principles-grid,.resources-grid,.stats-grid,.feature-grid{grid-template-columns:1fr;gap:var(--gap-md)}.cta-buttons{flex-direction:column;align-items:center}}section{padding:var(--spacing-section) 0}section.section-lg{padding:var(--spacing-section-lg) 0}section.section-xl{padding:var(--spacing-20) 0}.section-title{text-align:center;margin-bottom:var(--spacing-12)}.section-title h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-5);position:relative;display:inline-block;color:var(--color-primary)}.section-title h2:after{content:"";position:absolute;bottom:calc(var(--spacing-4) * -1);left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--color-secondary);border-radius:var(--radius-full)}.section-title p{color:var(--color-text-secondary);max-width:var(--width-4xl);margin:0 auto;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}header{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-4);text-decoration:none}.logo-text{display:flex;flex-direction:column;line-height:var(--line-height-tight)}.logo-text span:first-child{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.logo-text span:last-child{font-size:var(--font-size-xs);opacity:var(--opacity-medium);color:var(--color-white)}.hero{background:var(--gradient-hero);color:var(--color-white);padding:var(--spacing-12) 0;text-align:center}.hero-content{max-width:var(--width-5xl);margin:0 auto}.hero h1{font-size:var(--font-size-7xl);margin-bottom:var(--spacing-6);color:var(--color-white);line-height:var(--line-height-tight)}.hero p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-10);opacity:var(--opacity-high);max-width:var(--width-4xl);margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-2xl);align-items:center}.about-text p{margin-bottom:var(--spacing-6);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.about-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.about-image img{width:100%;height:auto;display:block}.cta-section{background:var(--gradient-primary);color:var(--color-white);text-align:center;padding:var(--spacing-20) 0}.cta-section h2{color:var(--color-white);margin-bottom:var(--spacing-6);font-size:var(--font-size-5xl)}.cta-section p{max-width:var(--width-4xl);margin:0 auto var(--spacing-10);font-size:var(--font-size-lg);opacity:var(--opacity-high);line-height:var(--line-height-relaxed)}footer{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-6) 0 var(--spacing-2)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--gap-2xl);margin-bottom:var(--spacing-12)}.footer-column h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6);position:relative;padding-bottom:var(--spacing-3);color:var(--color-white)}.footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--color-secondary)}.footer-column p{margin-bottom:var(--spacing-6);color:#fffc;line-height:var(--line-height-relaxed)}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:var(--spacing-3)}.footer-column ul li a{color:#fffc;text-decoration:none;transition:var(--transition-colors);display:inline-block}.footer-column ul li a:hover{color:var(--color-secondary);transform:translate(5px)}.social-links{display:flex;gap:var(--gap-md);margin-top:var(--spacing-6)}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background-color:#ffffff1a;color:var(--color-white);border-radius:var(--radius-full);transition:var(--transition-smooth);font-size:var(--font-size-lg)}.social-links a:hover{background-color:var(--color-secondary);color:var(--color-primary);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:var(--spacing-4);border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:var(--font-size-sm)}.chapter-footer{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--gap-md)}.last-modified{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.chapter-actions{display:flex;gap:var(--gap-md)}@media(max-width:992px){.about-content{grid-template-columns:1fr;gap:var(--gap-xl)}.hero h1{font-size:var(--font-size-5xl)}.section-title h2{font-size:var(--font-size-4xl)}}@media(max-width:768px){.header-content{flex-direction:column;text-align:center}.hero h1{font-size:var(--font-size-4xl)}.hero p{font-size:var(--font-size-lg)}.section-title h2{font-size:var(--font-size-3xl)}.footer-content{grid-template-columns:1fr;text-align:center}.footer-column h3:after{left:50%;transform:translate(-50%)}.social-links{justify-content:center}.chapter-footer{flex-direction:column;align-items:flex-start}}.document-viewer{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(220px,280px);gap:var(--spacing-6);max-width:var(--container-2xl);margin:0 auto;padding:var(--spacing-6) var(--spacing-6) var(--spacing-10);min-height:100vh}.sidebar{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height) - var(--spacing-7));max-height:calc(100vh - var(--header-height) - var(--spacing-7));overflow-y:auto;overflow-x:hidden;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);align-self:start;display:flex;flex-direction:column}.sidebar-inner{padding:var(--spacing-5);overflow:visible;flex:1;min-height:0;gap:var(--spacing-4);display:flex;flex-direction:column}.sidebar-title{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-border);color:var(--color-primary);word-wrap:break-word}.content-main{min-width:0;background:var(--color-bg-primary);padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);display:flex;flex-direction:column;gap:var(--spacing-8)}.chapter-header{padding:var(--spacing-7);background:var(--gradient-primary-soft);border:1px solid var(--color-border);border-left:5px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-3)}.chapter-meta{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.category-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary-lighter);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chapter-number{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#039,#05c);color:#fff;border-radius:8px;font-weight:700;font-size:1rem;margin-bottom:1rem;align-self:flex-start}.chapter-header h1{font-size:var(--font-size-4xl);margin:0;line-height:var(--line-height-snug);color:var(--color-primary-dark);font-weight:var(--font-weight-bold)}.chapter-description{font-size:var(--font-size-md);color:var(--color-text-primary);line-height:var(--line-height-relaxed);font-style:italic}.chapter-content.prose{line-height:var(--line-height-loose);font-size:var(--font-size-md);color:var(--color-text-primary)}.prose :global(h1),.prose :global(h2){font-size:var(--font-size-3xl);margin-top:var(--spacing-8);margin-bottom:var(--spacing-3);scroll-margin-top:calc(var(--header-height) + var(--spacing-4));color:var(--color-primary)}.prose :global(h3){font-size:var(--font-size-2xl);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);scroll-margin-top:calc(var(--header-height) + var(--spacing-4));color:var(--color-primary-dark)}.prose :global(p){margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.prose :global(ul),.prose :global(ol){margin-bottom:var(--spacing-4);padding-left:var(--spacing-7)}.prose :global(li){margin-bottom:var(--spacing-2)}.prose :global(strong){color:var(--color-primary);font-weight:var(--font-weight-semibold)}.prose :global(a){color:var(--color-primary);text-decoration:underline;transition:var(--transition-colors)}.prose :global(a:hover){color:var(--color-primary-light)}.tts-controls{display:flex;gap:var(--gap-md);padding:var(--spacing-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);align-items:center;flex-wrap:wrap}.toc-sidebar{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));max-height:calc(100vh - var(--header-height));overflow-y:auto;overflow-x:hidden;align-self:start;display:flex;flex-direction:column}.desktop-only{display:block}@media(max-width:1200px){.document-viewer{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:var(--spacing-5)}.toc-sidebar{display:none}}@media(max-width:768px){.document-viewer{grid-template-columns:1fr;padding:calc(var(--header-height-mobile) + var(--spacing-3)) var(--spacing-4) var(--spacing-6)}.sidebar{position:static;max-height:none;margin-bottom:var(--spacing-8);height:auto}.content-main,.chapter-header{padding:var(--spacing-6)}.chapter-header h1{font-size:var(--font-size-4xl)}.tts-controls{flex-direction:column;align-items:stretch}}.sidebar::-webkit-scrollbar,.toc-sidebar::-webkit-scrollbar,.sticky-toc::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track,.toc-sidebar::-webkit-scrollbar-track,.sticky-toc::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb,.toc-sidebar::-webkit-scrollbar-thumb,.sticky-toc::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary)}.sidebar::-webkit-scrollbar-thumb:hover,.toc-sidebar::-webkit-scrollbar-thumb:hover,.sticky-toc::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light);border-color:var(--color-bg-secondary)}.index-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:1rem 0 4rem}.page-header{text-align:center;margin-bottom:1rem;padding:2rem 0}.page-header h1{font-size:2.5rem;font-weight:800;color:var(--color-primary);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.page-header-large h1{font-size:3rem}.lead{font-size:1.25rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.back-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-bottom:2rem}.form-wrapper{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:0 4px 12px #0000001a}.breadcrumb-nav{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:2rem;flex-wrap:wrap}.breadcrumb-separator{color:var(--color-text-secondary);font-weight:600}.category-meta{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:1rem;flex-wrap:wrap}@media(max-width:768px){.index-page{padding:5rem 0 2rem}.page-header{padding:1.5rem 0;margin-bottom:2rem}.page-header h1,.page-header-large h1{font-size:2rem}.lead{font-size:1.1rem}.form-wrapper{padding:var(--spacing-6)}.breadcrumb-nav{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.breadcrumb-separator{display:none}}@media(max-width:480px){.form-wrapper{padding:var(--spacing-5)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-xl);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;border:none;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none}.btn:disabled,.btn[disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-4) var(--spacing-10);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-secondary);color:var(--color-primary);box-shadow:var(--shadow-secondary)}.btn-primary:hover:not(:disabled){background-color:var(--color-secondary-light);transform:translateY(-2px);box-shadow:var(--shadow-secondary-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-base)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-accent{background-color:var(--color-primary-light);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-accent:hover:not(:disabled){background-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-outline:hover:not(:disabled){background-color:var(--color-white);color:var(--color-primary);transform:translateY(-2px)}.btn-outline-primary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-text-primary);box-shadow:none}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover)}.btn-text{background:none;color:var(--color-primary);padding:var(--spacing-2) var(--spacing-3);box-shadow:none}.btn-text:hover:not(:disabled){color:var(--color-primary-light);background-color:var(--color-bg-hover)}.btn-icon{padding:var(--spacing-3);width:2.5rem;height:2.5rem;border-radius:var(--radius-full)}.btn-icon-sm{padding:var(--spacing-2);width:2rem;height:2rem}.btn-icon-lg{padding:var(--spacing-4);width:3rem;height:3rem}.btn-tts{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-smooth)}.btn-tts:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-tts.playing{background-color:#ff6b6b}.btn-tts.btn-stop{background-color:var(--color-error)}.btn-tts.btn-stop:hover{background-color:#c82333}.btn-group{display:inline-flex;gap:var(--spacing-3)}.btn-group-vertical{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.btn-block{width:100%;display:flex}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid currentColor;border-radius:var(--radius-full);border-right-color:transparent;animation:spin .6s linear infinite}@media(max-width:768px){.btn{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-3) var(--spacing-8);font-size:var(--font-size-base)}}.card{position:relative;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-7);box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;height:100%;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary);transform:scaleY(0);transition:transform .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card:hover:before{transform:scaleY(1)}.card-link{text-decoration:none;color:inherit;cursor:pointer}.card-border-left:before{transform:scaleY(1)}.card-header{padding:var(--spacing-7);background-color:var(--color-primary);color:var(--color-white)}.card-body{padding:var(--spacing-7);flex-grow:1}.card-footer{padding:0 var(--spacing-7) var(--spacing-7);margin-top:auto}.card-header h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2);color:var(--color-white);font-weight:var(--font-weight-bold)}.card-header .article-number,.card-header .card-meta{font-size:var(--font-size-sm);opacity:var(--opacity-medium)}.card-body p{margin-bottom:var(--spacing-5);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.card-body ul{list-style:none;margin-top:var(--spacing-5)}.card-body ul li{margin-bottom:var(--spacing-3);display:flex;align-items:center;color:var(--color-text-primary)}.card-body ul li i{color:var(--color-secondary);margin-right:var(--spacing-3);font-size:var(--font-size-sm)}.card-primary{border-top:5px solid var(--color-primary)}.card-secondary{border-top:5px solid var(--color-secondary)}.card-accent{border-left:5px solid var(--color-secondary)}.principle-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition-smooth);height:100%;display:flex;flex-direction:column;border-top:5px solid var(--color-primary)}.principle-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-2xl)}.resource-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition-smooth);height:100%;display:flex;flex-direction:column}.resource-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.resource-icon{background:var(--gradient-accent);color:var(--color-white);font-size:var(--font-size-4xl);padding:var(--spacing-8);text-align:center}.resource-content{padding:var(--spacing-8);flex-grow:1}.resource-content h3{margin-bottom:var(--spacing-5);color:var(--color-primary);font-size:var(--font-size-2xl)}.resource-content p{margin-bottom:var(--spacing-6);color:var(--color-text-primary)}.resource-cta{margin-top:var(--spacing-6)}.stat-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;box-shadow:var(--shadow-md);border-top:4px solid var(--color-secondary);transition:var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-number{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);margin-bottom:var(--spacing-2);line-height:1}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.step{display:flex;align-items:flex-start;gap:var(--spacing-8);background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:var(--transition-base);border-left:5px solid var(--color-secondary)}.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{background-color:var(--color-primary);color:var(--color-white);width:60px;height:60px;min-width:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);flex-shrink:0}.step-content h3{margin-bottom:var(--spacing-3);color:var(--color-primary);font-size:var(--font-size-2xl)}.step-content p{color:var(--color-text-secondary);margin-bottom:0}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-4)}.feature-icon{background-color:var(--color-primary);color:var(--color-secondary);width:50px;height:50px;min-width:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.feature-content h4{margin-bottom:var(--spacing-2);font-size:var(--font-size-lg);color:var(--color-primary)}.feature-content p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.card-link,.read-more{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--spacing-2);transition:var(--transition-colors)}.card-link i,.read-more i{transition:var(--transition-transform)}.card-link:hover,.read-more:hover{color:var(--color-primary-light)}.card-link:hover i,.read-more:hover i{transform:translate(4px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card-grid-wide{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card-grid-narrow{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.petition-grid,.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.card h2,.card h3,.card h4{margin:0 0 var(--spacing-3);color:var(--color-text-primary);font-size:1.25rem;font-weight:700;line-height:1.4}.card-content{flex:1;margin-bottom:var(--spacing-4);color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.card-content-truncate{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-2) 0;display:flex;align-items:center;gap:var(--spacing-2)}.card-stats{margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.card-petition-content,.card-category-content{flex:1;margin-bottom:var(--spacing-4);color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-petition-meta,.card-category-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-2) 0;display:flex;align-items:center;gap:var(--spacing-2)}.card-petition-stats{margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}@media(max-width:768px){.card{padding:var(--spacing-5)}.card-header,.card-body,.resource-content{padding:var(--spacing-6)}.card-footer{padding:0 var(--spacing-6) var(--spacing-6)}.step{flex-direction:column;text-align:center;padding:var(--spacing-6)}.step-number{align-self:center;margin-bottom:var(--spacing-4)}.card-grid,.card-grid-wide,.card-grid-narrow,.petition-grid,.category-grid{grid-template-columns:1fr;gap:var(--spacing-5)}}.form{width:100%}.form-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.form-field{margin-bottom:var(--spacing-5)}.form-field.full-width{grid-column:1 / -1}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);letter-spacing:.01em}.form-label-required:after{content:" *";color:var(--color-error)}.form-input,.form-textarea,.form-select{width:100%;padding:.625rem .875rem;border-radius:var(--radius-md);border:1px solid var(--color-border);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:var(--transition-smooth);box-sizing:border-box}.form-textarea{resize:vertical;min-height:100px;line-height:var(--line-height-relaxed)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-lighter)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:var(--opacity-disabled)}.form-input[readonly]{background-color:var(--color-neutral-50);cursor:default;border-color:var(--color-border-light)}.form-checkbox,.form-radio{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;margin-bottom:var(--spacing-4)}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{margin-top:.2rem;width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-checkbox-label,.form-radio-label{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-normal)}.form-grid{display:grid;gap:var(--spacing-5)}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-hint{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.form-hint a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.form-hint a:hover{text-decoration:underline}.form-error,.form-success,.form-info{padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--spacing-3);display:flex;align-items:flex-start;gap:var(--spacing-3);font-weight:var(--font-weight-medium)}.form-error:before,.form-success:before,.form-info:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);margin-top:.35em;flex-shrink:0}.form-error{background-color:var(--color-error-light);color:#991b1b;border:1px solid #FECACA}.form-error:before{background-color:var(--color-error)}.form-success{background-color:var(--color-success-light);color:#14532d;border:1px solid #BBF7D0}.form-success:before{background-color:var(--color-success)}.form-info{background-color:var(--color-info-light);color:#0c4a6e;border:1px solid #BAE6FD}.form-info:before{background-color:var(--color-info)}.form-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6);flex-wrap:wrap}.form-actions-end{justify-content:flex-end}.form-actions-center{justify-content:center}.form-actions-between{justify-content:space-between}@media(max-width:768px){.form-card{padding:var(--spacing-6)}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions-end,.form-actions-between{justify-content:stretch}.form-actions .btn{width:100%}}.progress-container{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-3) 0}.progress-bar{flex:1;height:10px;border-radius:var(--radius-full);background-color:var(--color-neutral-100);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-fill-critical{background:linear-gradient(90deg,#dc2626,#ef4444)}.progress-fill-low{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-fill-medium{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill-high{background:linear-gradient(90deg,#059669,#10b981)}.progress-percent{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:3rem;text-align:right;color:var(--color-text-secondary)}.reaction-buttons{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.reaction-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.4rem .875rem;border-radius:var(--radius-full);border:1.5px solid var(--color-border-medium);background-color:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-smooth)}.reaction-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-lighter)}.reaction-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.reaction-btn.reaction-like.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669}.reaction-btn.reaction-dislike.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626}.status-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.35rem .875rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.status-new{background-color:#dbeafe;color:#1e3a8a}.status-pending,.status-in-progress{background-color:#fef3c7;color:#78350f}.status-approved,.status-success{background-color:#d1fae5;color:#064e3b}.status-rejected,.status-error{background-color:#fee2e2;color:#991b1b}.status-expired,.status-inactive{background-color:#f3f4f6;color:#374151}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-8);max-width:480px;width:90%;box-shadow:var(--shadow-2xl);position:relative;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;right:var(--spacing-4);top:var(--spacing-4);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-xl);color:var(--color-text-secondary);padding:var(--spacing-2);border-radius:var(--radius-md);transition:var(--transition-colors)}.modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.modal-title{margin:0 0 var(--spacing-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-content{margin-bottom:var(--spacing-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.modal-id-display{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5);border-radius:var(--radius-lg);background-color:var(--color-primary-lighter);color:var(--color-primary);font-family:var(--font-mono, monospace);margin:var(--spacing-6) 0}.modal-id-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.modal-id-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.3rem .75rem;border-radius:var(--radius-full);background-color:var(--color-primary-lighter);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.chip-secondary{background-color:var(--color-secondary-lighter);color:#78350f}.chip-neutral{background-color:var(--color-neutral-50);color:var(--color-text-secondary)}.timeline{border-left:2px solid var(--color-border);padding-left:var(--spacing-5);margin-top:var(--spacing-4)}.timeline-item{margin-bottom:var(--spacing-4);position:relative}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--spacing-5) - 5px);top:.4em;width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);border:2px solid var(--color-white)}.timeline-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.timeline-content{font-size:var(--font-size-sm);color:var(--color-text-primary)}.view-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0000001a}.tab-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:.75rem 1.5rem;background:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-lg);font-size:1rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#0047ab1a;transform:translateY(-2px)}.tab-btn.active{background:var(--color-primary);color:var(--color-white)}.view-content{display:none}.view-content.active{display:block}@media(max-width:768px){.modal-box{width:95%;padding:var(--spacing-6)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.reaction-buttons{flex-wrap:wrap}.view-tabs{flex-direction:column;gap:.75rem}.tab-btn{width:100%;justify-content:center}}.breadcrumbs{margin-bottom:var(--spacing-8)}.breadcrumbs ol{display:flex;list-style:none;padding:0;margin:0;font-size:var(--font-size-sm);flex-wrap:wrap}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs li:not(:last-child):after{content:"›";margin:0 var(--spacing-2);color:var(--color-text-secondary)}.breadcrumbs a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}.breadcrumbs a:hover{text-decoration:underline;color:var(--color-primary-light)}.breadcrumbs [aria-current=page]{color:var(--color-text-secondary)}.chapter-navigation{margin-top:var(--spacing-16);padding:var(--spacing-8) 0;border-top:2px solid var(--color-border)}.nav-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl)}.nav-button{display:flex;flex-direction:column;padding:var(--spacing-6);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-smooth)}.nav-button:hover{background:var(--color-bg-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-prev{text-align:left}.nav-next{text-align:right}.nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-2)}.nav-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1);display:block}.nav-order{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-of-contents{font-size:var(--font-size-md)}.toc-category{margin-bottom:var(--spacing-8)}.category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.chapter-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.chapter-list li{margin-bottom:var(--spacing-1)}.subchapter-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.subchapter-list.expanded{max-height:2000px;opacity:1}.subchapter-list.collapsed{max-height:0;opacity:0}.chapter-item{position:relative;margin:0}.chapter-link-wrapper{display:flex;align-items:center;gap:.25rem}.toggle-btn{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;color:var(--color-text-secondary);transition:transform .2s ease,color .2s ease}.toggle-btn:hover{color:var(--color-primary)}.toggle-btn[data-expanded=false] .toggle-icon{transform:rotate(-90deg)}.toggle-btn[data-expanded=true] .toggle-icon{transform:rotate(0)}.toggle-icon{transition:transform .2s ease}.chapter-item.depth-0{font-size:1rem}.chapter-item.depth-1 .chapter-link{padding-left:2rem;font-size:.9rem}.chapter-item.depth-2 .chapter-link{padding-left:3.5rem;font-size:.85rem}.chapter-list a{display:flex;align-items:baseline;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:var(--transition-base);border-left:3px solid transparent;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.chapter-list a:hover{background:var(--color-bg-hover);border-left-color:var(--color-primary-lighter)}.chapter-list li.active a,.chapter-list a.active-link{background:var(--color-primary-lighter);color:var(--color-primary-dark);font-weight:var(--font-weight-medium);border-left-color:var(--color-primary)}.chapter-num{flex-shrink:0;min-width:2rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.chapter-list li.active .chapter-num,.chapter-list a.active-link .chapter-num{color:var(--color-primary-dark)}.chapter-title{flex:1;line-height:var(--line-height-normal);word-wrap:break-word;overflow-wrap:break-word;min-width:0}.sticky-toc{overflow-y:auto;overflow-x:hidden;padding:var(--spacing-4);flex:1;min-height:0;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}.sticky-toc h3{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-4);color:var(--color-text-secondary);word-wrap:break-word}.sticky-toc ul{list-style:none;padding:0;margin:0;overflow:hidden;width:100%;display:block}.sticky-toc li{overflow:hidden;width:100%;display:block}.sticky-toc a{display:block;padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;padding-left:var(--spacing-3);padding-right:var(--spacing-2);transition:var(--transition-base);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:var(--line-height-snug);width:100%;box-sizing:border-box}.sticky-toc a:hover,.sticky-toc a.active{color:var(--color-primary);border-left-color:var(--color-primary)}.toc-3{padding-left:var(--spacing-6);font-size:var(--font-size-xs)}.toc-4{padding-left:var(--spacing-4);font-size:var(--font-size-xs)}nav ul{display:flex;list-style:none;padding:0;margin:0;gap:var(--spacing-4)}nav ul li{position:relative}nav ul li a{color:var(--color-white);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-colors);padding:var(--spacing-2) 0;position:relative;font-size:var(--font-size-base)}nav ul li a:hover{color:var(--color-primary-light)}nav ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:var(--color-secondary);transition:width var(--duration-medium) var(--ease-out)}nav ul li a:hover:after{width:100%}.nav-cta{background-color:var(--color-secondary);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-xl);margin-left:var(--spacing-6);transition:var(--transition-smooth);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.nav-cta:hover{background-color:var(--color-secondary-light);transform:translateY(-2px);color:var(--color-primary)}.nav-cta:after{display:none}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-white);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-2)}@media(max-width:768px){.nav-container{grid-template-columns:1fr}.nav-prev,.nav-next{text-align:left}.toc-category{margin-bottom:var(--spacing-6)}.chapter-list a{padding:var(--spacing-3)}nav ul{flex-direction:column;align-items:center;width:100%;gap:var(--spacing-3)}nav ul li{margin:0}.nav-cta{margin-left:0;margin-top:var(--spacing-2)}.mobile-menu-btn{display:block}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:var(--spacing-8) 0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.accordion{margin:var(--spacing-8) 0}.accordion-item{margin-bottom:var(--spacing-4);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.accordion-header{background-color:var(--color-bg-primary);padding:var(--spacing-5);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-semibold);transition:var(--transition-colors);color:var(--color-primary)}.accordion-header:hover{background-color:#f0f5ff}.accordion-content{padding:0;max-height:0;overflow:hidden;transition:max-height var(--duration-medium) var(--ease-in-out),padding var(--duration-medium) var(--ease-in-out);background-color:var(--color-bg-primary)}.accordion-content-inner{padding:var(--spacing-5)}.accordion-item.active .accordion-content{max-height:500px;padding:0}.accordion-item.active .accordion-header i{transform:rotate(180deg)}.hero{padding:4rem 0;background-size:contain;background-position:center;background-repeat:no-repeat;position:relative}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}@media(min-width:769px){.mobile-only{display:none}.desktop-only{display:block}}@media(min-width:768px){.tablet-up{display:block}}@media(min-width:1024px){.desktop-up{display:block}}