:root{--theme-brown-text: #8b7355;--theme-bg-light-beige: #faf8f5;--primary-text: #374151;--secondary-text: #6b7280}.article-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.article-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--theme-brown-text);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:all .2s}.back-button:hover{transform:translate(-4px)}.category-badge{display:inline-block;background:var(--theme-brown-text);color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:.375rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.article-title{font-size:2rem;font-weight:700;line-height:1.2;margin:.5rem 0;color:var(--theme-brown-text)}.article-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--secondary-text);font-size:.875rem;margin-top:1rem;flex-wrap:wrap}.meta-left{display:flex;gap:1.5rem}.meta-left span{display:flex;align-items:center;gap:.375rem}.article-share{position:relative}.share-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--theme-brown-text);border-radius:50%;background:#fff;color:var(--theme-brown-text);cursor:pointer;transition:all .2s ease}.share-button:hover{background:var(--theme-brown-text);color:#fff;transform:scale(1.05)}.share-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a;padding:.5rem;display:none;gap:.25rem;z-index:10}.share-dropdown.active{display:flex}.share-option{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border:none!important;border-radius:.375rem!important;cursor:pointer!important;transition:all .2s ease!important}.share-option:hover{transform:translateY(-2px)!important;box-shadow:0 4px 6px -1px #0000001a!important}.share-option.kakao{background-color:#fee500!important}.share-option.kakao:hover{background-color:#fae100!important}.share-option.kakao svg{fill:#000!important}.share-option.link{background-color:#8b7355!important}.share-option.link:hover{background-color:#6d5d4a!important}.share-option.link svg{fill:#fff!important}.article-content{padding:0}.post-content{font-size:.95rem;line-height:1.8;color:var(--primary-text)}.post-content h2,.post-content .content-section h2{font-size:1.75rem!important;color:var(--theme-brown-text)!important;margin-top:2.5rem!important;margin-bottom:1rem!important;border-bottom:2px solid var(--theme-brown-text)!important;padding-bottom:.5rem!important}.post-content h3,.post-content .content-section h3{font-size:1.35rem!important;color:var(--theme-brown-text)!important;margin-top:2rem!important;margin-bottom:1rem!important}.post-content p,.post-content .content-section p{font-size:.95rem!important;line-height:1.8!important;margin-bottom:1rem!important}.post-content strong{color:var(--theme-brown-text)!important;font-weight:700!important}.post-content ul,.post-content ol{margin:1.5rem 0!important;padding-left:1.5rem!important}.post-content li{font-size:.95rem!important;color:var(--secondary-text)!important;line-height:1.6!important;margin-bottom:.5rem!important}.post-content .warning-box{background:#fff5f5!important;border-left:4px solid #ef4444!important;border-radius:.5rem!important;padding:1.25rem!important;margin:1.5rem 0!important;box-shadow:0 1px 3px #0000001a!important}.post-content .info-box{background:#fff!important;border-radius:.75rem!important;padding:1.5rem!important;margin:1.5rem 0!important;box-shadow:0 10px 25px -5px #0000001a!important;border:1px solid #f5f3f0!important}.post-content .success-box{background:#f0fdf4!important;border-left:4px solid #22c55e!important;border-radius:.5rem!important;padding:1.25rem!important;margin:1.5rem 0!important;box-shadow:0 1px 3px #0000001a!important}.post-content .quote-box{background:#fff!important;border-left:4px solid var(--theme-brown-text)!important;border-radius:.5rem!important;padding:1.5rem!important;margin:1.5rem 0!important;box-shadow:0 4px 6px -1px #0000001a!important}.post-content .quote-box p{font-style:italic!important}.post-content .quote-author{text-align:right!important;color:var(--theme-brown-text)!important;font-weight:600!important;font-size:.9rem!important;margin-top:.5rem!important}.post-content .stats-box{background:var(--theme-bg-light-beige)!important;border-radius:.75rem!important;padding:1.5rem!important;margin:1.5rem 0!important;box-shadow:0 4px 6px -1px #0000001a!important}.post-content .guide-box{background:var(--theme-bg-light-beige)!important;border-radius:.75rem!important;padding:1.5rem!important;margin:1.5rem 0!important}.post-content .guide-step{background:#fff!important;border-left:4px solid var(--theme-brown-text)!important;padding:1rem 1.25rem!important;margin-bottom:1rem!important;border-radius:.5rem!important;box-shadow:0 1px 3px #0000001a!important}.post-content .guide-step strong{display:block!important;font-size:1.05rem!important;color:var(--theme-brown-text)!important;margin-bottom:.5rem!important}.post-content table{width:100%!important;border-collapse:collapse!important;margin:1.5rem 0!important;background:#fff!important;box-shadow:0 4px 6px -1px #0000001a!important;border-radius:.75rem!important;overflow:hidden!important}.post-content th{background:var(--theme-brown-text)!important;color:#fff!important;padding:.75rem 1rem!important;text-align:left!important;font-weight:600!important;font-size:.95rem!important}.post-content td{padding:.75rem 1rem!important;border-bottom:1px solid #e5e7eb!important;font-size:.9rem!important}.post-content tr:hover{background:var(--theme-bg-light-beige)!important}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.nav-card{padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;text-decoration:none;transition:all .3s;display:flex;flex-direction:column;gap:.5rem}.nav-card:hover{border-color:var(--theme-brown-text);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.nav-direction{display:flex;align-items:center;gap:.5rem;color:var(--theme-brown-text);font-size:.875rem;font-weight:600}.nav-title{color:var(--primary-text);font-size:.9rem;line-height:1.4}.nav-card.prev{text-align:left}.nav-card.next{text-align:right}.nav-card.next .nav-direction{justify-content:flex-end}@media (max-width: 768px){.article-container{padding:1rem}.article-title{font-size:1.5rem!important}.post-content h2,.post-content .content-section h2{font-size:1.1rem!important}.post-content h3,.post-content .content-section h3{font-size:1rem!important}.post-content p,.post-content .content-section p{font-size:.875rem!important}.post-content li{font-size:.8rem!important}.post-content .warning-box,.post-content .info-box,.post-content .stats-box,.post-content .success-box,.post-content .quote-box,.post-content .guide-box{padding:1rem!important;margin:1rem 0!important}.article-navigation{grid-template-columns:1fr}}@media (max-width: 480px){.article-title{font-size:1.25rem!important}.post-content h2{font-size:1rem!important}.post-content h3{font-size:.9rem!important}.post-content p{font-size:.75rem!important}.post-content li{font-size:.7rem!important}}