@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{--bg: #f5f5f0;--card: #fff;--text: #1a1a1a;--text-mid: #555;--text-light: #999;--accent: #c8a882;--accent-dark: #a07d5a;--accent-bg: #faf6f1;--border: #e5e0d8;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.03);--shadow-hover: 0 4px 12px rgba(0,0,0,.07), 0 8px 32px rgba(0,0,0,.05);--radius: 14px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,-apple-system,sans-serif;line-height:1.85;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.site-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.header-inner{max-width:960px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.header-logo{text-decoration:none;display:flex;align-items:baseline;gap:6px}.header-logo .logo-main{font-size:16px;font-weight:900;color:var(--text);letter-spacing:.06em}.header-logo .logo-divider{color:var(--accent);font-weight:300;font-size:14px}.header-logo .logo-sub{font-size:11px;color:var(--text-light);font-weight:400}.header-nav{display:flex;gap:6px}.header-nav a{font-size:11px;color:var(--text-mid);text-decoration:none;padding:5px 10px;border-radius:20px;border:1px solid var(--border);transition:all .15s}.header-nav a:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-dark)}.hero{background:linear-gradient(135deg,#faf6f1,#f0ebe3);padding:40px 20px 36px;text-align:center;border-bottom:1px solid var(--border)}.hero h1{font-size:13px;font-weight:900;letter-spacing:.2em;color:var(--accent-dark);text-transform:uppercase;margin-bottom:6px}.hero p{font-size:.82rem;color:var(--text-mid);font-weight:400}.category-bar{max-width:960px;margin:0 auto;padding:16px 20px 0;display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.cat-chip{flex-shrink:0;font-size:11px;padding:5px 12px;border-radius:20px;background:var(--card);color:var(--text-mid);border:1px solid var(--border);cursor:default;white-space:nowrap;font-weight:500}.cat-chip.active{background:var(--text);color:#fff;border-color:var(--text)}.grid-section{max-width:960px;margin:0 auto;padding:20px 20px 60px}.grid-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-light);text-transform:uppercase;margin-bottom:14px;padding-left:2px}.article-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:540px){.article-grid{grid-template-columns:1fr 1fr}}@media(min-width:768px){.article-grid{gap:16px}}.article-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .2s ease;border:1px solid transparent}.article-card:active{transform:scale(.985)}@media(hover:hover){.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--border)}}.card-category{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:4px;margin-bottom:10px;align-self:flex-start}.cat-beauty{background:#fce4ec;color:#c62828}.cat-health{background:#e8f5e9;color:#2e7d32}.cat-food{background:#fff3e0;color:#e65100}.cat-lifestyle{background:#e3f2fd;color:#1565c0}.cat-tech{background:#ede7f6;color:#4527a0}.cat-career{background:#fce4ec;color:#ad1457}.cat-hair{background:#f3e5f5;color:#6a1b9a}.cat-skincare{background:#fff8e1;color:#f9a825}.cat-other{background:#f5f5f5;color:#616161}.card-title{font-size:.92rem;font-weight:700;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:.72rem;color:var(--text-light)}.card-readtime{display:flex;align-items:center;gap:3px}@media(min-width:540px){.article-card.featured{grid-column:span 2;flex-direction:row;gap:20px;padding:24px}.article-card.featured .card-title{font-size:1.05rem;-webkit-line-clamp:2}}.article-container{max-width:680px;margin:0 auto;padding:24px 20px 60px}.article-breadcrumb{font-size:.75rem;color:var(--text-light);margin-bottom:16px}.article-breadcrumb a{color:var(--text-light);text-decoration:none}.article-breadcrumb a:hover{color:var(--accent-dark)}.article-header{margin-bottom:28px}.article-header .article-cat{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;margin-bottom:12px}.article-header h1{font-size:1.4rem;font-weight:900;line-height:1.5;margin-bottom:12px}.article-header-meta{display:flex;align-items:center;gap:16px;font-size:.78rem;color:var(--text-light)}.article-header-meta span{display:flex;align-items:center;gap:4px}.article-content{background:var(--card);border-radius:var(--radius);padding:32px 24px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.03)}.article-content h2{font-size:1.1rem;font-weight:800;margin:36px 0 16px;padding:14px 18px;background:var(--accent-bg);color:var(--accent-dark);border-radius:var(--radius-sm);border-left:4px solid var(--accent);line-height:1.5}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:1rem;font-weight:700;margin:28px 0 12px;color:var(--text-mid);padding-left:14px;border-left:3px solid var(--border)}.article-content p{margin-bottom:20px;font-size:.92rem;color:#333}.article-content ul,.article-content ol{margin:0 0 20px 20px;font-size:.92rem}.article-content li{margin-bottom:8px}.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0 24px;font-size:.82rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.article-content th,.article-content td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border)}.article-content tr:last-child td{border-bottom:none}.article-content th{background:var(--accent-bg);color:var(--accent-dark);font-weight:600;font-size:.8rem}.article-content td{background:#fff}.article-content a{color:var(--accent-dark);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:8px 0}.article-content strong{font-weight:700}.article-content blockquote{border-left:4px solid var(--accent);padding:14px 18px;margin:20px 0;background:var(--accent-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.9rem;color:var(--text-mid)}.share-bar{display:flex;align-items:center;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border)}.share-bar span{font-size:.75rem;color:var(--text-light);font-weight:600}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg);color:var(--text-mid);text-decoration:none;font-size:14px;transition:background .15s}.share-btn:hover{background:var(--accent-bg)}.site-footer{text-align:center;padding:36px 20px;color:var(--text-light);font-size:.72rem;border-top:1px solid var(--border);margin-top:48px;line-height:2}.site-footer a{color:var(--accent-dark);text-decoration:none}.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:8px;font-size:.72rem}@media(max-width:480px){.article-content{padding:24px 18px}.article-content h2{font-size:1rem;padding:12px 14px}.article-content table{font-size:.78rem}.article-content th,.article-content td{padding:9px 10px}.article-header h1{font-size:1.2rem}.header-nav{display:none}}@media(min-width:768px){.hero{padding:52px 20px 44px}.hero h1{font-size:14px}.article-header h1{font-size:1.6rem}.article-content{padding:40px 36px}}