*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#FBF8F2;color:#2C2416;font-family:'EB Garamond',serif;font-weight:400;overflow-x:hidden;display:flex;font-size:1.125rem;line-height:1.618}

/* Sidebar */
.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(135deg,#F7F3ED,#FBF8F2);border-right:1px solid #D4C5A9;padding:40px 24px;z-index:10;display:flex;flex-direction:column;gap:40px;background-image:radial-gradient(ellipse at 30% 50%,rgba(212,197,169,0.15),transparent 60%)}
.sidebar-title{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.1rem;letter-spacing:0.06em;text-transform:uppercase;color:#2C2416}
.sidebar-nav{display:flex;flex-direction:column;gap:16px}
.nav-item{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:1.1rem;color:#5C4F3A;text-decoration:none;position:relative;padding-bottom:4px;transition:color 0.3s ease}
.nav-item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#8B7355;transition:width 0.3s ease-out}
.nav-item.active{color:#8B7355}
.nav-item.active::after{width:100%}

/* Main content */
.content{margin-left:280px;max-width:740px;padding:0 40px 80px 60px;flex:1}

/* Study window / hero */
.study-window{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 0}
.arch-frame{text-align:center;padding:60px 40px;border:2px solid #D4C5A9;border-radius:4px 4px 50% 50% / 4px 4px 20% 20%;position:relative}
.hero-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:3rem;letter-spacing:0.06em;color:#2C2416;line-height:1.2}
.hero-sub{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:1.1rem;color:#5C4F3A;margin-top:16px}

/* Dividers */
.divider{display:flex;align-items:center;justify-content:center;padding:40px 0;position:relative}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:#C9B896}
.rosette{width:40px;height:40px;margin:0 16px;flex-shrink:0}

/* Proof sections */
.proof-section{padding:6rem 0;position:relative}
.proof-section h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:2.2rem;color:#2C2416;margin-bottom:24px}
.proof-section p{max-width:38em;margin-bottom:16px;color:#2C2416}
.proof-section em{font-family:'Cormorant Garamond',serif;font-style:italic}
.margin-note{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:0.95rem;color:#5C4F3A;border-left:2px solid #C9B896;padding-left:16px;margin-top:24px}
.botanical-ornament{position:absolute;top:6rem;left:-40px;width:30px;height:40px}

/* Code blocks */
.code-block{font-family:'Fira Code',monospace;font-size:0.9rem;background:#F0EBE0;border-left:2px solid #C9B896;padding:12px 16px;margin-top:20px;color:#5C4F3A}

/* Reading lamp */
.reading-lamp{position:fixed;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(245,230,200,0.15),transparent 70%);pointer-events:none;z-index:5;transform:translate(-50%,-50%);display:none}

/* Footer */
.footer{padding:40px 0;text-align:center;border-top:1px solid #D4C5A9;margin-top:6rem}
.footer-text{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:0.9rem;color:#5C4F3A;opacity:0.5}

/* Palette refs */
.ref-floral{color:#8B7355}
.ref-marble-vein{color:#D4C5A9}
.ref-line{color:#C9B896}
.ref-paper-light{color:#F5E6C8}

@media(max-width:768px){
.sidebar{display:none}
.content{margin-left:0;padding:0 24px 60px}
.botanical-ornament{display:none}
}