*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#faf7f2;--color-surface:#ffffff;--color-text:#3a3330;--color-text-light:#6b5f56;--color-accent:#b8734a;--color-accent-hover:#9a5c36;--color-accent-soft:#f5ebe2;--color-border:#e8ddd3;--color-heading:#2e2520;--color-link:#a0623f;--color-link-hover:#7d4a2e;--color-category-bg:#faf0e8;--color-footer-bg:#2e2520;--color-footer-text:#d9cec4;--color-hero-from:#f5ebe2;--color-hero-to:#faf7f2;--font-body:'Georgia','Palatino Linotype','Book Antiqua',serif;--font-heading:'Segoe UI','Helvetica Neue',Arial,sans-serif;--font-mono:'Consolas',monospace;--content-width:700px;--layout-width:1060px;--sidebar-width:240px;--layout-gap:40px;--max-width-wide:1200px;--radius:10px;--radius-lg:16px;--shadow:0 2px 16px rgba(60,40,20,0.06);--shadow-hover:0 8px 32px rgba(60,40,20,0.10);--transition:0.3s ease}html{font-size:18px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.78;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-link-hover)}.skip-link{position:absolute;top:-100%;left:0;background:var(--color-accent);color:#fff;padding:8px 16px;z-index:1000;font-family:var(--font-heading);font-size:0.875rem}.skip-link:focus{top:0}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 1px 8px rgba(60,40,20,0.04)}.header-inner{max-width:var(--layout-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--color-heading);text-decoration:none;letter-spacing:-0.02em;transition:color var(--transition)}.site-logo:hover{color:var(--color-accent)}.site-tagline{display:none}.main-nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:4px;align-items:center}.nav-list a{display:block;padding:8px 16px;font-family:var(--font-heading);font-size:0.875rem;font-weight:500;color:var(--color-text-light);border-radius:var(--radius);transition:all var(--transition)}.nav-list a:hover,.nav-list a[aria-current="page"]{color:var(--color-accent);background:var(--color-accent-soft)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-text)}.menu-toggle svg{width:24px;height:24px}.hero{background:linear-gradient(90deg,#f0e2d2 0%,#f4ead8 40%,#faf5ef 100%);padding:72px 24px 56px;text-align:center;position:relative}.hero::before{content:'';position:absolute;inset:0;pointer-events:none}.hero__glow{display:none}.hero h1{font-family:var(--font-heading);font-size:2.8rem;font-weight:700;color:var(--color-heading);margin-bottom:16px;letter-spacing:-0.01em;position:relative;z-index:1;line-height:1.2}.hero p{font-size:1.1rem;color:var(--color-text-light);max-width:520px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.hero__divider{display:block;width:48px;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);margin:24px auto 0;border:none;border-radius:1px;opacity:0.6;position:relative;z-index:1}.site-main{max-width:var(--layout-width);margin:0 auto;padding:48px 24px 24px}.content-narrow{max-width:var(--content-width);margin:0 auto}.category-section{margin-bottom:56px}.category-section__header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--color-accent-soft)}.category-section__title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--color-heading);margin-bottom:0;display:flex;align-items:center;gap:8px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);border:1px solid rgba(0,0,0,0.03);border-bottom:3px solid transparent;position:relative;cursor:pointer}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-bottom-color:var(--color-accent)}.article-card__image{aspect-ratio:16/10;overflow:hidden;background:var(--color-accent-soft)}.article-card__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease}.article-card:hover .article-card__image img{transform:scale(1.06)}.article-card__body{padding:24px}.article-card__category{display:inline-block;font-family:var(--font-heading);font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.07em;color:var(--color-accent);background:var(--color-accent-soft);padding:4px 10px;border-radius:20px;margin-bottom:12px}.article-card__title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;line-height:1.38;margin-bottom:12px;color:var(--color-heading)}.article-card__title a{color:inherit;transition:color var(--transition)}.article-card__title a::after{content:'';position:absolute;inset:0;z-index:1}.article-card__title a:hover{color:var(--color-accent)}.article-card__excerpt{font-size:0.88rem;color:var(--color-text-light);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__read-more{display:block;margin-top:12px;font-family:var(--font-heading);font-size:0.8rem;font-weight:600;color:var(--color-accent);opacity:0;transform:translateX(-4px);transition:opacity var(--transition),transform var(--transition)}.article-card:hover .article-card__read-more{opacity:1;transform:translateX(0)}.article-card__meta{margin-top:12px;font-family:var(--font-heading);font-size:0.8rem;color:var(--color-text-light)}.article-header{text-align:left;padding:48px 24px 32px;max-width:var(--layout-width);margin:0 auto}@media (min-width:769px){.article-header{padding-right:calc(var(--sidebar-width)+var(--layout-gap)+24px)}}.article-header__category{display:inline-block;font-family:var(--font-heading);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-accent);margin-bottom:12px}.article-header__category a{color:inherit}.article-header h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-heading);line-height:1.3;margin-bottom:16px;letter-spacing:-0.01em}.article-header__meta{font-family:var(--font-heading);font-size:0.875rem;color:var(--color-text-light)}.article-hero-image{margin:0 0 28px;border-radius:var(--radius);overflow:hidden}.article-hero-image img{width:100%;border-radius:var(--radius)}.article-layout{max-width:var(--layout-width);margin:0 auto;padding:0 24px 48px;display:flex;gap:var(--layout-gap);align-items:flex-start}.article-body{flex:1;min-width:0;max-width:var(--content-width)}.article-body span{font:inherit !important;color:inherit !important}.related-sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:76px;align-self:flex-start}.related-sidebar__box{border-top:2px solid var(--color-accent);padding:16px 0}.related-sidebar__title{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--color-heading);margin-bottom:14px}.related-sidebar__list{list-style:none;padding:0}.related-sidebar__list li{padding:8px 0;border-bottom:1px solid var(--color-border)}.related-sidebar__list li:last-child{border-bottom:none}.related-sidebar__list a{font-family:var(--font-body);font-size:0.9rem;color:var(--color-text);line-height:1.6;transition:color var(--transition)}.related-sidebar__list a:hover{color:var(--color-accent)}.article-body h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-heading);margin:40px 0 16px;line-height:1.3;letter-spacing:-0.01em}.article-body h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--color-heading);margin:32px 0 12px;line-height:1.4}.article-body h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--color-heading);margin:24px 0 10px}.article-body p{margin-bottom:18px;line-height:1.8}.article-body ul,.article-body ol{margin:20px 0;padding-left:28px}.article-body li{margin-bottom:10px;line-height:1.7}.article-body blockquote{border-left:4px solid var(--color-accent);padding:20px 28px;margin:28px 0;background:var(--color-accent-soft);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--color-text-light);position:relative}.article-body figure{margin:24px 0}.article-body figcaption{font-size:0.85rem;color:var(--color-text-light);text-align:center;margin-top:8px}.article-body strong{font-weight:700;color:var(--color-heading)}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px;margin:24px 0 32px}.toc__title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--color-heading);margin-bottom:12px}.toc ol{padding-left:20px}.toc li{margin-bottom:6px;font-size:0.9rem}.toc a{color:var(--color-text-light)}.toc a:hover{color:var(--color-accent)}.related-articles{max-width:var(--content-width);margin:0 auto;padding:32px 24px 48px;border-top:1px solid var(--color-border)}.related-articles h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-heading);margin-bottom:20px}.related-articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.related-article-link{display:block;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-heading);font-size:0.9rem;font-weight:500;transition:all var(--transition)}.related-article-link:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow)}.author-box{max-width:var(--content-width);margin:0 auto;padding:32px 24px;display:flex;gap:24px;align-items:flex-start;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.author-box__photo{width:100px;height:100px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-box__info h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-heading);margin-bottom:8px}.author-box__info p{font-size:0.9rem;color:var(--color-text-light);line-height:1.6}.page-header{text-align:center;padding:48px 24px 24px}.page-header h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-heading)}.page-body{max-width:var(--content-width);margin:0 auto;padding:0 24px 48px}.page-body h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-heading);margin:32px 0 16px}.page-body h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--color-heading);margin:24px 0 12px}.page-body p{margin-bottom:16px}.page-body ul,.page-body ol{margin:16px 0;padding-left:24px}.page-body li{margin-bottom:8px}.page-body a{text-decoration:underline;text-decoration-color:var(--color-accent-soft);text-underline-offset:3px}.page-body a:hover{text-decoration-color:var(--color-accent)}.page-body img{display:inline-block;max-height:350px;width:auto;border-radius:var(--radius);margin:0 12px 16px 0;vertical-align:top}.contents-category{margin-bottom:32px}.contents-category h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-accent);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-accent-soft)}.contents-list{list-style:none;padding:0}.contents-list li{padding:8px 0;border-bottom:1px solid var(--color-border)}.contents-list li:last-child{border-bottom:none}.contents-list a{font-size:0.95rem;color:var(--color-text);transition:color var(--transition)}.contents-list a:hover{color:var(--color-accent)}.breadcrumbs{max-width:var(--layout-width);margin:0 auto;padding:16px 24px 0;font-family:var(--font-heading);font-size:0.8rem;color:var(--color-text-light)}.breadcrumbs a{color:var(--color-text-light)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs span{margin:0 6px;opacity:0.5}.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);margin-top:56px}.footer-inner{max-width:var(--layout-width);margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.footer-section h3{font-family:var(--font-heading);font-size:0.8rem;font-weight:700;color:#ffffff;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.05em}.footer-section p,.footer-section a,.footer-section li{font-size:0.85rem;color:var(--color-footer-text);line-height:1.6}.footer-section p{margin-bottom:10px}.footer-section a:hover{color:#ffffff}.footer-section ul{list-style:none;margin-top:0}.footer-section li{margin-bottom:8px}.footer-bottom{max-width:var(--layout-width);margin:0 auto;padding:24px 24px 32px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;font-family:var(--font-heading);font-size:0.8rem;color:rgba(255,255,255,0.4)}.cta-box{background:linear-gradient(135deg,var(--color-accent-soft) 0%,#f8efe8 100%);border-radius:var(--radius-lg);padding:36px;text-align:center;margin:40px 0;max-width:var(--content-width)}.cta-box h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--color-heading);margin-bottom:8px}.cta-box p{font-size:0.9rem;color:var(--color-text-light);margin-bottom:16px}.cta-button{display:inline-block;padding:12px 28px;background:var(--color-accent);color:#ffffff;font-family:var(--font-heading);font-size:0.9rem;font-weight:600;border-radius:var(--radius);text-decoration:none;transition:all var(--transition)}.cta-button:hover{background:var(--color-accent-hover);color:#ffffff;transform:translateY(-1px)}.author-signature{font-style:italic;text-align:right;margin-top:32px}.poll{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px;margin:24px 0}.poll__question{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-heading);margin-bottom:14px}.poll__option{position:relative;padding:10px 14px;margin-bottom:8px;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all var(--transition);overflow:hidden;font-size:0.9rem}.poll__option:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.poll__bar{position:absolute;top:0;left:0;height:100%;background:var(--color-accent-soft);width:0;transition:width 0.6s ease;z-index:0;border-radius:5px}.poll__text{position:relative;z-index:1}.poll__pct{position:relative;z-index:1;float:right;font-family:var(--font-heading);font-weight:600;font-size:0.85rem;color:var(--color-accent);display:none}.poll--voted .poll__pct{display:inline}.poll--voted .poll__option{cursor:default}.poll--voted .poll__option:hover{border-color:var(--color-border);background:transparent}.poll__option--chosen{border-color:var(--color-accent) !important;background:transparent !important}.poll__option--chosen .poll__bar{background:rgba(184,115,74,0.15)}.poll__option--selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.poll__vote-btn{margin-top:12px;padding:8px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-family:var(--font-heading);font-size:0.85rem;font-weight:600;cursor:pointer;transition:background var(--transition)}.poll__vote-btn:hover{background:var(--color-accent-hover)}.comments-section{max-width:var(--layout-width);margin:0 auto;padding:32px 24px 48px;border-top:1px solid var(--color-border)}@media (min-width:769px){.comments-section{padding-right:calc(var(--sidebar-width)+var(--layout-gap)+24px)}}.comments-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-heading);margin-bottom:4px}.comments__count{font-size:0.85rem;color:var(--color-text-light);margin-bottom:20px}.comments__list{margin-bottom:24px}.comment{padding:16px 0;border-bottom:1px solid var(--color-border)}.comment:last-child{border-bottom:none}.comment__header{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.comment__name{font-family:var(--font-heading);font-size:0.9rem;font-weight:600;color:var(--color-heading)}.comment__date{font-size:0.8rem;color:var(--color-text-light);font-family:var(--font-heading)}.comment__text{font-size:0.9rem;line-height:1.6}.comments__form{display:flex;flex-direction:column;gap:12px}.comments__form input,.comments__form textarea{width:100%;font-family:var(--font-body);font-size:0.9rem;padding:10px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition)}.comments__form input:focus,.comments__form textarea:focus{outline:none;border-color:var(--color-accent)}.comments__form textarea{min-height:100px;resize:vertical}.comments__submit{align-self:flex-start;padding:10px 24px;background:var(--color-accent);color:#fff;font-family:var(--font-heading);font-size:0.9rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background var(--transition)}.comments__submit:hover{background:var(--color-accent-hover)}.search-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.45);align-items:flex-start;justify-content:center;padding-top:80px}.search-modal.is-open{display:flex}.search-modal__inner{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:70vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.2)}.search-modal__header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);gap:12px}.search-input{flex:1;border:none;outline:none;font-family:var(--font-heading);font-size:1rem;background:transparent;color:var(--color-text)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-close{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-text-light);padding:4px 8px}.search-results{padding:8px}.search-result{display:block;padding:12px 16px;border-radius:6px;color:var(--color-text);transition:background var(--transition)}.search-result:hover{background:var(--color-accent-soft)}.search-result__category{display:block;font-family:var(--font-heading);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-accent);margin-bottom:2px}.search-result__title{display:block;font-family:var(--font-heading);font-size:0.9rem;font-weight:500}.search-no-results{padding:24px 16px;text-align:center;color:var(--color-text-light);font-size:0.9rem}.search-toggle{background:none;border:none;cursor:pointer;padding:8px 16px;margin-left:0;color:var(--color-text-light);transition:color var(--transition);display:flex;align-items:center;border-radius:var(--radius)}.search-toggle:hover{color:var(--color-accent);background:var(--color-accent-soft)}.search-toggle svg{width:18px;height:18px}@media (max-width:900px){html{font-size:17px}.footer-inner{grid-template-columns:1fr;gap:24px}.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){html{font-size:16px;scroll-padding-top:72px}.header-inner{height:56px}.site-logo{font-size:1.1rem}.menu-toggle{display:block}.nav-list{display:none;position:absolute;top:56px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:8px 16px 16px;box-shadow:var(--shadow);border-top:1px solid var(--color-border)}.nav-list.is-open{display:flex}.hero{padding:48px 20px 36px}.hero h1{font-size:1.8rem}.articles-grid{grid-template-columns:1fr;gap:20px}.article-header h1{font-size:1.6rem}.article-body h2{font-size:1.3rem}.author-box{flex-direction:column;align-items:center;text-align:center}.article-layout{flex-direction:column;padding:0 24px 32px}.related-sidebar{display:none}}@media (max-width:480px){.site-main{padding:24px 16px}.article-card__body{padding:16px}}@media print{.site-header,.site-footer,.toc,.cta-box,.related-articles{display:none}body{font-size:12pt;color:#000;background:#fff}.article-body{max-width:100%;padding:0}}