@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FDF9F7;--card: #FFFFFF;--text-1: #4A3F3A;--text-2: #7A706A;--text-3: #9A8E88;--pink: #E8A0B4;--pink-pale: #FBE8EE;--pink-deep: #D4879C;--blue: #A0C4D8;--blue-pale: #E6F0F6;--blue-deep: #7AADC6;--lavender: #C4B0D8;--lavender-pale: #F0EAF6;--mint: #B0D4C4;--mint-pale: #E6F4EE;--line: #F0E8E4;--radius: 22px}body{font-family:Zen Maru Gothic,sans-serif;font-weight:300;background:var(--bg);color:var(--text-1);min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--card)}.site-logo{font-family:Cormorant Garamond,serif;font-size:14px;font-weight:300;letter-spacing:2px;color:var(--text-2);text-decoration:none}.site-nav{display:flex;gap:20px}.site-nav a{font-size:12px;color:var(--text-3);text-decoration:none;transition:color .3s}.site-nav a:hover{color:var(--pink-deep)}.breadcrumb{max-width:680px;margin:0 auto;padding:20px 24px 0;font-size:11px;color:var(--text-3)}.breadcrumb a{color:var(--text-3);text-decoration:none}.breadcrumb a:hover{color:var(--pink-deep)}.breadcrumb span{margin:0 6px}.article-container{max-width:680px;margin:0 auto;padding:0 24px 60px}.article-header{padding:32px 0 28px;border-bottom:1px solid var(--line);margin-bottom:36px}.article-category{display:inline-block;font-size:11px;font-weight:400;letter-spacing:1px;color:var(--blue-deep);background:var(--blue-pale);padding:4px 14px;border-radius:20px;margin-bottom:16px}.article-title{font-size:24px;font-weight:500;line-height:1.7;color:var(--text-1);margin-bottom:16px}.article-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-3)}.article-body p{font-size:15px;font-weight:300;line-height:2.4;color:var(--text-1);margin-bottom:20px}.article-body ul,.article-body ol{margin-bottom:28px;padding-left:1.4em}.article-body li{font-size:15px;font-weight:300;line-height:1.5;color:var(--text-1);margin-bottom:12px}.article-body strong{font-weight:500;color:#6b6360}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;font-weight:300}.article-body th{background:var(--bg);color:var(--text-1);font-weight:500;text-align:left;padding:10px 14px;border-bottom:2px solid var(--line)}.article-body td{padding:10px 14px;color:var(--text-1);border-bottom:1px solid var(--line);line-height:1.7}.article-body tr:last-child td{border-bottom:none}.marker-pink{background:linear-gradient(transparent 60%,#fdf0f4 60%);padding:0 2px}.marker-blue{background:linear-gradient(transparent 60%,#eef5fa 60%);padding:0 2px}.marker-lavender{background:linear-gradient(transparent 60%,#f5f0fa 60%);padding:0 2px}.point-box{margin:24px 0;padding:20px 22px;background:#fef7f2;border-radius:16px;font-size:15px;line-height:2.2;color:var(--text-1)}.point-box.blue{background:#f5fafe}.point-box.lavender{background:#f8f4fc}.point-box.mint{background:#f3faf6}.point-box p{margin-bottom:0}.amazon-link{display:block;text-align:right;font-size:13px;font-weight:400;color:var(--text-2);text-decoration:none;padding:3px 18px;border:1px solid var(--line);border-radius:20px;margin-top:8px;width:fit-content;margin-left:auto;margin-right:40px;transition:background .2s,color .2s}.amazon-link:hover{background:var(--pink-pale);color:var(--pink-deep);border-color:var(--pink-pale)}.article-body h2{font-size:19px;font-weight:500;color:var(--text-1);margin:48px 0 20px;padding:14px 18px;background:var(--pink-pale);border-radius:12px;line-height:1.6}.article-body h3{font-size:16px;font-weight:500;color:var(--blue-deep);margin:32px 0 17px;padding-left:14px;border-left:3px solid var(--blue);line-height:1.6}.article-body blockquote{margin:32px 0;padding:20px 24px;background:var(--card);border:1px solid var(--line);border-radius:16px;font-size:15px;font-weight:400;color:var(--text-2);line-height:2;font-style:normal;position:relative}.article-body blockquote:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink-pale),var(--blue-pale));border-radius:16px 16px 0 0}.illust{margin:40px auto;text-align:center}.illust svg{width:100%;max-width:696px;height:auto;font-size:16px}.illust svg text{font-size:14px!important}.illust svg circle,.illust svg rect,.illust svg path{opacity:.8!important}.illust svg text[fill]{opacity:1!important}.cta-box{margin:48px 0;padding:32px 24px;background:linear-gradient(135deg,var(--pink-pale),var(--lavender-pale) 50%,var(--blue-pale));border:none;border-radius:var(--radius);text-align:center;position:relative;overflow:hidden}.cta-box .cta-title{font-size:16px;font-weight:500;color:var(--text-1);margin-bottom:8px}.cta-box .cta-desc{font-size:13px;color:var(--text-2);margin-bottom:20px;line-height:1.9}.cta-btn{display:inline-block;padding:14px 36px;border-radius:40px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:400;color:#fff;text-decoration:none;transition:opacity .3s,transform .2s}.cta-btn:hover{opacity:.85;transform:scale(.98)}.cta-btn.pink{background:linear-gradient(135deg,var(--pink),var(--blue));box-shadow:0 4px 16px #e8a0b433}.cta-row{display:flex;flex-direction:column;gap:12px;margin:48px 0}.cta-link{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:background .2s,transform .2s}.cta-link:hover{background:var(--bg);transform:translate(4px)}.cta-link-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cta-link-text{font-size:14px;font-weight:400;color:var(--text-1)}.cta-link-sub{font-size:11px;color:var(--text-3);margin-top:2px}.cta-link-arrow{margin-left:auto;font-size:16px;color:var(--text-3)}.related-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.related-title{font-size:13px;font-weight:400;color:var(--text-3);letter-spacing:1px;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-card{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:background .2s,transform .2s}.related-card:hover{background:var(--bg);transform:translateY(-2px)}.related-card-cat{font-size:10px;font-weight:400;color:var(--blue-deep);background:var(--blue-pale);padding:2px 10px;border-radius:10px;display:inline-block;margin-bottom:8px}.related-card-title{font-size:14px;font-weight:400;color:var(--text-1);line-height:1.7}.site-footer{text-align:center;padding:40px 24px;border-top:1px solid var(--line);margin-top:40px}.site-footer .footer-logo{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--text-3);letter-spacing:3px;margin-bottom:8px}.site-footer .footer-copy{font-size:14px;font-weight:300;color:var(--text-3)}.site-footer .footer-links{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}.site-footer .footer-links a{font-size:12px;color:var(--text-3);text-decoration:none}.site-footer .footer-links a:hover{color:var(--text-2)}.floating-btns{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:100}.floating-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);border-radius:50%;color:var(--text-2);text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:background .2s,color .2s}.floating-btn:hover{background:var(--pink-pale);color:var(--pink-deep)}@media(max-width:480px){.article-title{font-size:20px}.article-body h2{font-size:17px}.related-grid{grid-template-columns:1fr}.site-nav{gap:12px}}