@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Inter:wght@400;500;600&display=swap");.article-page{min-height:100vh;background-color:#EDE8E3;color:#1A1A1A;font-family:Inter,sans-serif}.article-page article{max-width:900px;margin:0 auto;padding:8rem 2rem 4rem}@media (max-width:768px){.article-page article{padding:6rem 1.5rem 3rem}}.article-page header{margin-bottom:4rem;text-align:center}.article-page h1{font-family:EB Garamond,serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.1;color:#1A1A1A;margin-bottom:2rem;letter-spacing:-.02em}.article-page .meta-info{display:flex;align-items:center;justify-content:center;gap:1rem;color:#666666;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1.5rem}.article-page .categories{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.article-page .category-tag{padding:.5rem 1rem;background-color:rgba(55,35,56,.1);color:#372338;border-radius:1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(55,35,56,.2)}.article-page .prose{color:#1A1A1A;line-height:1.8;font-size:1.125rem;font-weight:400;max-width:none}.article-page .prose h2{font-size:2.25rem;margin-top:4rem;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.01em}.article-page .prose h2,.article-page .prose h3{font-family:EB Garamond,serif;font-weight:400;color:#1A1A1A}.article-page .prose h3{font-size:1.75rem;margin-top:3rem;margin-bottom:1rem;line-height:1.3}.article-page .prose h4{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:#372338;text-transform:uppercase;letter-spacing:.04em}.article-page .prose p{margin-bottom:1.75rem;text-align:left}.article-page .prose p:first-of-type{font-size:1.25rem;font-weight:400;color:#666666;margin-bottom:2.5rem;line-height:1.6}.article-page .prose ol,.article-page .prose ul{margin-bottom:2rem;padding-left:2rem}.article-page .prose li{margin-bottom:.75rem;line-height:1.7}.article-page .prose a{color:#372338;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s ease}.article-page .prose a:hover{color:#1A1A1A;text-decoration-thickness:2px}.article-page .prose img{max-width:100%;height:auto;margin:3rem auto;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.article-page .prose blockquote{border-left:4px solid #372338;padding:1.5rem 0 1.5rem 2rem;margin:3rem 0;font-style:italic;color:#666666;background-color:rgba(55,35,56,.05);border-radius:0 .5rem .5rem 0;font-size:1.125rem}.article-page .prose strong{font-weight:600;color:#1A1A1A}.article-page .prose em{font-style:italic;color:#666666}.article-page .prose code{background-color:rgba(55,35,56,.1);color:#372338;padding:.25rem .5rem;border-radius:.375rem;font-size:.9em;font-weight:500}.article-page .prose pre{background-color:#1A1A1A;color:#EDE8E3;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0;border:1px solid #372338}.article-page .prose pre code{background-color:transparent;color:inherit;padding:0}.article-page footer{margin-top:5rem;padding:3rem 0 2rem;border-top:1px solid rgba(55,35,56,.2);text-align:center}.article-page .footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.article-page .back-to-articles{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#1A1A1A;color:#EDE8E3;text-decoration:none;border-radius:1.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:all .3s ease;border:1px solid #1a1a1a}.article-page .back-to-articles:hover{background:transparent;color:#1A1A1A;transform:translateY(-1px)}.article-page .back-to-articles svg{width:16px;height:16px;transition:transform .3s ease}.article-page .back-to-articles:hover svg{transform:translateX(-2px)}.article-page .source-link{color:#666666;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.article-page .source-link a{color:#372338;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s ease}.article-page .source-link a:hover{color:#1A1A1A;text-decoration-thickness:2px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(55,35,56,.1);z-index:1000}.reading-progress-bar{height:100%;background:linear-gradient(90deg,#372338,#1A1A1A);width:0;transition:width .1s ease}@media (max-width:768px){.article-page .prose{font-size:1rem}.article-page .prose h2{font-size:1.875rem;margin-top:3rem}.article-page .prose h3{font-size:1.5rem;margin-top:2.5rem}.article-page .prose p:first-of-type{font-size:1.125rem}.article-page .prose blockquote{padding:1rem 0 1rem 1.5rem;margin:2rem 0}.article-page .meta-info{flex-direction:column;gap:.5rem}.article-page .categories{margin-top:1rem}}html{scroll-behavior:smooth}.article-page .back-to-articles:focus,.article-page .prose a:focus{outline:2px solid #372338;outline-offset:2px}.article-page .prose a:focus{border-radius:2px}