/* Reviewed article layout: shared rhythm, channel-specific accents. */
body.reference-reading{--ink:#29313b;--article-accent:#b52e61;--article-soft:#fff2f6;--article-edge:#f0c9d7;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
body.editorial-health{--article-accent:#a13b35;--article-soft:#fff3ec;--article-edge:#ebc5bc}
body.editorial-relation{--article-accent:#77409b;--article-soft:#f8f1fc;--article-edge:#dec5ed}
body.editorial-money{--article-accent:#126c66;--article-soft:#ecf8f5;--article-edge:#b6ddd4}
body.reference-reading *{box-sizing:border-box}
body.reference-reading .wrap{max-width:750px;margin:auto;padding:36px 40px 64px;background:#fff;border:0;box-shadow:none}
body.reference-reading .reader-guide{font-size:16px;line-height:1.9;overflow-wrap:anywhere;text-align:left}
body.reference-reading .reader-guide h1{font-size:27px;line-height:1.75;font-weight:650;color:var(--article-accent);margin:0 0 18px;letter-spacing:.025em;border:0;background:none;padding:0}
body.reference-reading .reader-guide p{font-size:16px;line-height:30px;margin:0 0 56px}
body.reference-reading .reader-guide .article-date,body.reference-reading .reader-guide .pr-note{font-size:12px;color:#66707a;line-height:1.8;margin:0 0 20px}
body.reference-reading .reader-guide .reader-question{display:flex;align-items:flex-start;gap:22px;margin:40px 0 36px}
body.reference-reading .reader-question>img{width:72px;height:72px;object-fit:cover;border-radius:50%;flex-shrink:0;border:2px solid var(--article-edge)}
body.reference-reading .question-bubble{background:var(--article-soft);border:1px solid var(--article-edge);border-radius:8px;padding:20px 24px;font-size:16px;line-height:1.95;position:relative;flex:1;min-width:0}
body.reference-reading .question-bubble:before{content:"";position:absolute;left:-7px;top:25px;width:12px;height:12px;border-left:1px solid var(--article-edge);border-bottom:1px solid var(--article-edge);background:var(--article-soft);transform:rotate(45deg)}
body.reference-reading .reader-guide .article-benefit{margin-bottom:40px}
body.reference-reading .reader-guide .article-basis{font-size:13px;line-height:25px;color:#647078;margin:32px 0 64px}
body.reference-reading .reader-guide a{color:var(--article-accent);text-decoration:underline;text-underline-offset:4px}
body.reference-reading .reader-guide a:hover{opacity:.8}
body.reference-reading .reader-guide a:focus-visible{outline:3px solid var(--article-accent);outline-offset:5px}
body.reference-reading .reader-guide h2{font-size:25px;line-height:1.65;font-weight:600;border:0;border-left:9px solid var(--article-accent);padding:8px 0 8px 20px;background:none;color:var(--ink);margin:72px 0 42px;scroll-margin-top:24px}
body.reference-reading .reader-guide h3{font-size:20px;line-height:1.8;font-weight:600;border:0;border-left:7px solid var(--article-edge);padding:4px 0 4px 16px;margin:52px 0 30px;background:none;color:var(--ink)}
body.reference-reading .reader-guide ul,body.reference-reading .reader-guide ol{margin:0 0 48px;padding:24px 28px 24px 46px;border:1px dashed var(--article-edge);background:var(--article-soft);border-radius:3px}
body.reference-reading .reader-guide li{margin:8px 0;line-height:1.9}
body.reference-reading .reader-guide .article-outline{padding:24px 28px;background:var(--article-soft);border:1px dashed var(--article-edge);margin:0 0 32px}
body.reference-reading .article-outline>strong{font-size:14px;display:block;margin-bottom:12px}
body.reference-reading .reader-guide .article-outline ul{border:0;background:none;padding:0 0 0 20px;margin:0}
body.reference-reading .simple-box{padding:24px;border-left:4px solid var(--article-accent);background:var(--article-soft);margin:0 0 48px}
body.reference-reading .reader-guide .simple-box p{margin:0;font-size:15px;line-height:28px}
body.reference-reading .reader-guide .a-item{display:flex;gap:22px;border:1px solid var(--article-edge);border-radius:8px;padding:24px;margin:24px 0;background:#fff;align-items:flex-start}
body.reference-reading .a-item>img{width:104px;height:104px;object-fit:contain;flex-shrink:0;max-width:100%}
body.reference-reading .a-item-body{flex:1;min-width:0}
body.reference-reading .a-item-name{font-size:17px;line-height:1.7;font-weight:650;margin-bottom:12px}
body.reference-reading .a-item-meta{font-size:12px;color:#647078;line-height:1.85;margin:0 0 18px}
body.reference-reading .reader-guide a.a-cta{display:block;text-align:center;background:var(--article-accent);color:#fff;border-radius:5px;text-decoration:none;padding:12px 16px;margin-top:10px;font-size:14px;font-weight:600;line-height:1.8}
body.reference-reading .reader-guide a.a-cta-amazon{background:#fff;color:var(--article-accent);border:1px solid var(--article-accent)}
body.reference-reading .next-step{padding:28px;background:var(--article-soft);border-top:3px solid var(--article-accent);margin:56px 0}
body.reference-reading .next-step>span{font-size:12px;color:#647078;display:block;margin-bottom:12px}
body.reference-reading .next-step>a{font-weight:600;font-size:17px;line-height:1.9}
body.reference-reading .article-sources{border-top:1px solid #e5e5e5;padding-top:20px;margin:40px 0;color:#647078;font-size:13px}
body.reference-reading .article-sources summary{cursor:pointer;padding:8px 0}
body.reference-reading .reader-guide .article-sources ul{background:none;border:0;padding:12px 0 12px 20px;margin:0}
body.reference-reading .reader-guide .article-policy{font-size:13px;margin:32px 0 0}
@media(max-width:767px){body.reference-reading .wrap{padding:28px 20px 48px}body.reference-reading .reader-guide h1{font-size:21px;line-height:1.8}body.reference-reading .reader-guide h2{font-size:21px;padding-left:14px;margin-top:62px}body.reference-reading .reader-guide h3{font-size:18px}body.reference-reading .reader-question>img{width:54px;height:54px}body.reference-reading .reader-guide .reader-question{gap:14px;margin-top:30px}body.reference-reading .question-bubble{padding:16px;font-size:15px}body.reference-reading .reader-guide .article-outline{padding:20px}body.reference-reading .reader-guide .a-item{display:block;padding:20px}body.reference-reading .a-item>img{display:block;margin:0 auto 20px;width:120px;height:120px}body.reference-reading .reader-guide ul{padding-left:36px}body.reference-reading .next-step{padding:22px}}

body.reference-reading .reader-guide .article-cover{display:block;width:calc(100% + 80px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:28px -40px 44px}
@media(max-width:767px){body.reference-reading .reader-guide .article-cover{width:calc(100% + 40px);margin:24px -20px 36px}}
body.reference-reading{margin:0;--accent:var(--article-accent);--accent-text:var(--article-accent)}
body.reference-reading .site-nav{background:var(--article-soft);border-color:var(--article-edge)}
body.reference-reading .layout{max-width:1180px;gap:40px}
body.reference-reading .side{width:280px}
@media(max-width:767px){body.reference-reading .layout{padding:0 15px}body.reference-reading .site-logo{font-size:25px}body.reference-reading .side{width:100%}}