:root{
  --shk-green:#1d6846;
  --shk-green-dark:#10482f;
  --shk-green-soft:#edf7f0;
  --shk-gold:#e0a62c;
  --shk-orange:#e9781f;
  --shk-cream:#fffaf0;
  --shk-text:#26372f;
  --shk-muted:#66756d;
  --shk-line:#d9e5dc;
  --shk-shadow:0 7px 22px rgba(29,67,47,.08);
}

/* Scope layout resets to plugin output only. Do not alter the entire theme. */
.shk-home *,
.shk-home *::before,
.shk-home *::after,
.shk-article-content *,
.shk-article-content *::before,
.shk-article-content *::after,
.shk-sidebar-stack *,
.shk-sidebar-stack *::before,
.shk-sidebar-stack *::after{box-sizing:border-box}

/* Header: theme markup only. */
.shk-complete-header .l-header,
.shk-complete-header .header-container{background:#fff;box-shadow:0 2px 14px rgba(17,61,41,.06)}
.shk-complete-header .l-header__gnav,
.shk-complete-header .navi-in>ul{background:linear-gradient(90deg,var(--shk-green-dark),var(--shk-green))}
.shk-complete-header .c-gnav>.menu-item>a,
.shk-complete-header .navi-in>ul>li>a{color:#fff;font-weight:800}

/* Remove empty compatibility wrappers left by old versions. */
.shk-foundation-entry:empty,
[data-shk-foundation="1"]:empty,
[data-shk-v3-extras="1"]:empty,
.shk-article-context:empty,
.shk-article-top:empty,
template.shk-auto-takeaways-template{display:none!important}

/* ---------- Home: designed for a main column with a right sidebar ---------- */
.shk-home{width:100%;min-width:0;overflow:clip;color:var(--shk-text)}
.shk-home-shell{width:100%;max-width:none;margin:0 auto}
.shk-home-hero{overflow:hidden;border:1px solid #e1e8df;border-radius:2px;background:linear-gradient(140deg,#f7fbf7 0%,#fff8e8 100%)}
.shk-home-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 205px;align-items:center;gap:26px;min-height:355px;padding:42px 30px}
.shk-home-eyebrow{margin:0 0 7px!important;color:var(--shk-orange);font-size:10px;font-weight:900;letter-spacing:.16em}
.shk-home-hero h1{margin:0 0 17px!important;color:#153f2c;font-size:clamp(35px,3.25vw,47px)!important;line-height:1.34!important;letter-spacing:.005em}
.shk-home-hero h1 span{display:block;white-space:nowrap}
.shk-home-hero p:not(.shk-home-eyebrow){max-width:570px;margin:0!important;color:#4f5f56;font-size:13px;line-height:1.9}
.shk-home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.shk-home-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:130px;min-height:42px;padding:8px 16px;border-radius:999px;background:var(--shk-green);color:#fff!important;font-size:13px;font-weight:900;text-decoration:none!important;box-shadow:var(--shk-shadow)}
.shk-home-actions a+a{border:1px solid #cbded1;background:#fff;color:var(--shk-green-dark)!important}
.shk-home-visual{display:grid;grid-template-columns:repeat(2,88px);gap:13px;justify-content:center}
.shk-home-visual span{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border:1px solid #dce7dd;border-radius:50%;background:#fff;font-size:39px;box-shadow:var(--shk-shadow)}
.shk-home-section{padding:46px 24px}
.shk-home-themes,.shk-home-about{background:#f4f8f4}
.shk-home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.shk-home-heading h2,.shk-home-about h2{margin:0!important;padding:0!important;border:0!important;background:none!important;color:#16432f!important;font-size:29px!important;line-height:1.35!important;box-shadow:none!important}
.shk-home-heading h2::before,.shk-home-heading h2::after,.shk-home-about h2::before,.shk-home-about h2::after{display:none!important;content:none!important}
.shk-home-heading>p{max-width:330px;margin:0!important;color:var(--shk-muted);font-size:11px;line-height:1.6;text-align:right}

.shk-ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.shk-ingredient-card{display:grid;grid-template-columns:48px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:82px;padding:12px;border:1px solid #dce7df;border-radius:13px;background:#fff;color:var(--shk-text)!important;text-decoration:none!important;box-shadow:0 4px 15px rgba(30,65,46,.05);transition:transform .18s ease,box-shadow .18s ease}
.shk-ingredient-card:hover{transform:translateY(-2px);box-shadow:var(--shk-shadow)}
.shk-ingredient-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;background:var(--shk-green-soft);font-size:26px}
.shk-ingredient-card strong{display:block;color:#214c36;font-size:16px;line-height:1.35}
.shk-ingredient-card small{display:block;margin-top:3px;color:#748078;font-size:10.5px;line-height:1.45}
.shk-ingredient-card b{color:var(--shk-orange);font-size:20px}

.shk-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shk-theme-card{display:flex;min-height:146px;flex-direction:column;align-items:flex-start;padding:21px 22px;border:1px solid #d8e4da;border-radius:15px;background:#fff;color:var(--shk-text)!important;text-decoration:none!important;box-shadow:0 5px 18px rgba(26,61,43,.06);transition:transform .18s ease,box-shadow .18s ease}
.shk-theme-card:hover{transform:translateY(-2px);box-shadow:var(--shk-shadow)}
.shk-theme-card strong{color:#174a32;font-size:20px;line-height:1.4}
.shk-theme-card p{margin:9px 0 15px!important;color:#536159;font-size:12px;line-height:1.75}
.shk-theme-link{margin-top:auto;color:var(--shk-orange);font-size:12px;font-weight:900}

.shk-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shk-post-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid #dce5de;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(26,61,43,.06)}
.shk-post-thumb{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#eef5ef}
.shk-post-thumb img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.shk-post-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#62816d;font-size:42px;font-weight:900}
.shk-post-body{display:flex;flex:1;align-items:flex-start;padding:12px 13px 14px}
.shk-post-meta,.shk-post-more{display:none!important}
.shk-post-body h3{margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:14.5px!important;line-height:1.58!important}
.shk-post-body h3::before,.shk-post-body h3::after{display:none!important;content:none!important}
.shk-post-body h3 a{display:-webkit-box;overflow:hidden;color:#244536!important;text-decoration:none!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.shk-about-card{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(230px,.75fr);align-items:center;gap:20px;padding:25px;border:1px solid #cfe0d4;border-radius:16px;background:#fff;box-shadow:var(--shk-shadow)}
.shk-about-mark{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:var(--shk-green);color:#fff;font-size:29px;font-weight:900}
.shk-about-card p{margin:.35em 0 0!important;font-size:12px;line-height:1.75}
.shk-about-card ul{margin:0;padding:0 0 0 20px;border-left:1px solid #d7e2da;font-size:12px}
.shk-about-card li{margin:7px 0}

/* ---------- Article base ---------- */
body.shk-complete-article .shk-article-content{min-width:0;color:var(--shk-text)}
body.shk-complete-article .shk-article-content>style,
body.shk-complete-article .shk-article-content>script{display:none!important}
body.shk-complete-article .shk-article-content>:first-child{margin-top:0!important}
body.shk-complete-article .shk-article-content header{margin:0!important;padding:0!important;min-height:0!important;background:none!important}
.shk-article-intro{margin:0 0 20px!important;padding:0!important;border:0!important;background:none!important;font-size:1.03em;line-height:2!important}

body.shk-complete-article .shk-article-content h2{position:relative;margin:3em 0 1.1em!important;padding:.67em .88em .67em 2.3em!important;border:0!important;border-radius:9px!important;background:linear-gradient(90deg,#eaf5ec,#f8fbf8)!important;color:#16492f!important;font-size:1.38em!important;font-weight:900!important;line-height:1.5!important;box-shadow:inset 6px 0 0 var(--shk-green)!important}
body.shk-complete-article .shk-article-content h2::before{content:"◆"!important;position:absolute;left:1em;top:50%;color:#439769;font-size:.72em;transform:translateY(-50%)}
body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title){position:relative;display:block;width:100%;margin:2.2em 0 .85em!important;padding:.5em .43em .5em 1.7em!important;border:0!important;border-bottom:2px solid #d5e4d9!important;background:transparent!important;color:#24533d!important;font-size:1.12em!important;font-weight:900!important;line-height:1.55!important}
body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title)::before{content:"●"!important;position:absolute;left:.42em;top:.72em;color:#52a678;font-size:.62em}

/* Exact top order: intro/eyecatch -> conclusion -> takeaways -> one TOC */
.shk-conclusion-card{overflow:hidden;margin:0 0 18px!important;border:1px solid #cfe1d5;border-radius:14px;background:#fff;box-shadow:var(--shk-shadow)}
.shk-conclusion-title{padding:12px 17px;background:linear-gradient(90deg,var(--shk-green-dark),var(--shk-green));color:#fff;font-size:17px;font-weight:950}
.shk-conclusion-body{padding:17px 19px;background:#f5faf6}
.shk-conclusion-body>:first-child{margin-top:0!important}.shk-conclusion-body>:last-child{margin-bottom:0!important}.shk-conclusion-body p{line-height:1.95!important}
.shk-conclusion-body ul{display:block!important;margin:0!important;padding:0!important;list-style:none!important}
.shk-conclusion-body li{position:relative;margin:0!important;padding:8px 4px 8px 30px!important;border-bottom:1px dashed #dce7df;line-height:1.7}
.shk-conclusion-body li:last-child{border-bottom:0}.shk-conclusion-body li::before{content:"✓";position:absolute;left:1px;top:10px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#35a26e;color:#fff;font-size:10px;font-weight:900}
.shk-knowledge-card{overflow:hidden;margin:0 0 22px!important;border:2px solid var(--shk-gold);border-radius:15px;background:var(--shk-cream);box-shadow:var(--shk-shadow)}
.shk-knowledge-title{position:relative;padding:13px 18px 13px 52px;border-bottom:1px solid #ecc765;background:linear-gradient(90deg,#fff0b8,#fff9df);color:#173f2e;font-size:17px;font-weight:950}
.shk-knowledge-title::before{content:"✓";position:absolute;left:18px;top:50%;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#35a26e;color:#fff;font-size:13px;transform:translateY(-50%)}
.shk-knowledge-card ul{display:block!important;margin:0!important;padding:10px 20px 14px!important;list-style:none!important}
.shk-knowledge-card li{position:relative;margin:0!important;padding:10px 8px 10px 34px!important;border-bottom:1px dashed #e4ddc9;line-height:1.65}
.shk-knowledge-card li:last-child{border-bottom:0}.shk-knowledge-card li::before{content:"✓";position:absolute;left:3px;top:11px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#35a26e;color:#fff;font-size:11px;font-weight:900}
.shk-article-toc{margin:0 0 28px!important}

/* Restore the shared article components after inline styles are removed. */
.shk-article-content .check-box,
.shk-article-content .memo-box,
.shk-article-content .summary-box:not(.shk-conclusion-card),
.shk-article-content .shk-point-panel{overflow:hidden;margin:22px 0!important;padding:17px 19px!important;border:1px solid #cfe0d4;border-radius:13px;background:#f4faf6;box-shadow:0 5px 17px rgba(25,65,44,.055)}
.shk-article-content .memo-box{border-color:#ead5a5;background:#fff9ea}
.shk-article-content .summary-box:not(.shk-conclusion-card){border-color:#d5e5cf;background:#f3f8ef}
.shk-article-content .check-box>:first-child,
.shk-article-content .memo-box>:first-child,
.shk-article-content .summary-box>:first-child,
.shk-article-content .shk-point-panel>:first-child{margin-top:0!important}
.shk-article-content .check-box>:last-child,
.shk-article-content .memo-box>:last-child,
.shk-article-content .summary-box>:last-child,
.shk-article-content .shk-point-panel>:last-child{margin-bottom:0!important}
.shk-article-content .check-box>p:first-child strong,
.shk-article-content .memo-box>p:first-child strong,
.shk-article-content .shk-point-panel>.shk-point-title{display:block;margin:0 0 9px;color:#194a32;font-size:1.02em;font-weight:900}
.shk-article-content .memo-box>p:first-child strong{color:#8a5b12}
.shk-article-content .quote{margin:20px 0!important;padding:15px 17px!important;border-left:5px solid var(--shk-gold)!important;border-radius:8px;background:var(--shk-cream)!important;color:#3e4c44;line-height:1.85}
.shk-article-content .point-list{padding-left:1.25em}.shk-article-content .point-list li::marker{color:var(--shk-green)}
.shk-article-content .footer-note{margin-top:22px;padding-top:14px;border-top:1px solid #e4e7e3;color:#66736c;font-size:.9em}
.shk-article-content .small{font-size:.9em;color:#66736c}

/* Article images */
.shk-article-figure{margin:24px auto 13px!important;text-align:center}
.shk-article-figure img{display:block;width:auto!important;height:auto!important;max-width:100%!important;margin:0 auto!important;border-radius:12px;box-shadow:0 7px 20px rgba(25,55,39,.08);object-fit:contain}
.shk-article-figure figcaption{max-width:720px;margin:8px auto 0;color:#6b756f;font-size:.82em;line-height:1.65}
@media(min-width:835px){.shk-article-figure:not(.shk-figure-wide) img{max-height:580px!important}.shk-figure-square img{max-width:680px!important;max-height:680px!important}.shk-figure-portrait img{max-height:620px!important}.shk-figure-wide img{width:100%!important;max-height:none!important}}

/* FAQ */
.shk-faq-item{overflow:hidden;margin:12px 0;border:1px solid #d5e3d9;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(31,65,45,.05)}
.shk-faq-question{position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:14px 16px 14px 52px!important;border:0!important;background:#edf7f0!important;color:#19472f!important;font-size:15px!important;font-weight:950!important}
.shk-faq-question::before{content:"Q"!important;position:absolute!important;left:15px!important;top:12px!important;display:flex!important;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--shk-green);color:#fff;font-size:13px!important}
.shk-faq-answer{padding:15px 18px 17px}.shk-faq-answer p{margin:0 0 .8em!important;line-height:1.85}

/* Summary and sources are independent complete cards. */
.shk-end-card{overflow:hidden;margin:30px 0 0!important;padding:0!important;border:1px solid #cfe0d4;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(25,65,44,.07)}
.shk-end-card>.shk-end-title{display:block!important;width:100%!important;margin:0!important;padding:11px 16px!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,#145238,#267654)!important;color:#fff!important;font-size:16px!important;font-weight:950!important;line-height:1.5!important}
.shk-end-card>.shk-end-title::before,.shk-end-card>.shk-end-title::after{display:none!important;content:none!important}
.shk-end-body{padding:17px 19px 16px;background:#f8fbf8}
.shk-end-body>:first-child{margin-top:0!important}.shk-end-body>:last-child{margin-bottom:0!important}
.shk-sources-card{margin-top:17px!important;border-color:#ded7c8;box-shadow:0 4px 14px rgba(68,58,40,.055)}
.shk-sources-card>.shk-end-title{padding:9px 14px!important;background:#756243!important;font-size:13.5px!important}
.shk-sources-card .shk-end-body{padding:11px 14px 12px;background:#fffdf8;color:#59655f;font-size:12px;line-height:1.65}
.shk-sources-card .shk-end-body ul{margin:.2em 0!important;padding-left:1.25em!important}
.shk-sources-card .shk-end-body li{margin:.28em 0!important}
.shk-sources-card a{color:#246445;word-break:break-word}

/* Tables and notes */
.shk-table-scroll{max-width:100%;margin:18px 0 24px;overflow-x:auto;border-radius:10px;-webkit-overflow-scrolling:touch}
body.shk-complete-article .shk-article-content table{width:100%;margin:0!important;border:1px solid var(--shk-line);border-collapse:separate;border-spacing:0;border-radius:10px;background:#fff;font-size:.94em;table-layout:auto}
body.shk-complete-article .shk-article-content th{background:#eaf5ec;color:#17472f;font-weight:900;word-break:keep-all;overflow-wrap:normal}
body.shk-complete-article .shk-article-content th,
body.shk-complete-article .shk-article-content td{padding:10px 11px;border-right:1px solid #dfe8e1;border-bottom:1px solid #dfe8e1;line-height:1.6;vertical-align:top}
body.shk-complete-article .shk-article-content blockquote{margin:22px 0;padding:16px 18px;border-left:5px solid var(--shk-gold);border-radius:8px;background:var(--shk-cream)}

/* Compact editorial confirmation. */
.shk-trust-note{display:flex;align-items:flex-start;gap:10px;margin:17px 0 18px;padding:10px 12px;border:1px solid #d6e3da;border-radius:10px;background:#f7faf8;color:#526159}
.shk-trust-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:54px;min-height:28px;padding:4px 7px;border-radius:6px;background:var(--shk-green);color:#fff;font-size:10px;font-weight:950;line-height:1.2}
.shk-trust-content{min-width:0}.shk-trust-title{display:block;margin:0 0 2px;color:#314b3d;font-size:12px;line-height:1.5}
.shk-trust-note p{margin:0 0 2px!important;font-size:11px;line-height:1.65}
.shk-trust-note small{display:inline;color:#748079;font-size:10px;line-height:1.55}
.shk-trust-policy{display:inline-block;margin-left:8px;color:#246445!important;font-size:10px;font-weight:800}
#shk-sources{scroll-margin-top:110px}

/* Sidebar */
.shk-sidebar-stack{display:grid;gap:20px}.shk-sidebar-section{overflow:hidden;border:1px solid #dce6df;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(25,65,44,.07)}
.shk-sidebar-heading,#sidebar .widget-title,.l-sidebar .c-widget__title{margin:0!important;padding:10px 12px!important;border:0!important;background:linear-gradient(90deg,var(--shk-green-dark),var(--shk-green))!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1.4!important}
.shk-sidebar-posts{padding:4px 8px 9px}.shk-sidebar-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;min-height:64px;padding:7px 2px;border-bottom:1px solid #edf1ee;color:#25372f!important;text-decoration:none!important}
.shk-sidebar-card:last-child{border-bottom:0}.shk-sidebar-thumb{display:block;width:72px;height:48px;overflow:hidden;border-radius:6px;background:#edf5ef}.shk-sidebar-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.shk-sidebar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6b8b78;font-weight:900}.shk-sidebar-card-title{display:-webkit-box;overflow:hidden;color:#25372f;font-size:11.5px;font-weight:800;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:3}.shk-sidebar-arrow{display:none!important}
.shk-category-links{padding:6px 10px 10px}.shk-category-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px;border-bottom:1px solid #edf1ee;color:#2f4438!important;font-size:11.5px;font-weight:750;text-decoration:none!important}.shk-category-links a:last-child{border-bottom:0}.shk-category-links small{display:none}

/* v8.6.13.12: normal article main/sidebar sizing is delegated to Cocoon. */

@media(max-width:1150px) and (min-width:960px){
  .shk-home-hero-inner{grid-template-columns:minmax(0,1fr) 180px;gap:20px;padding:38px 25px}
  .shk-home-hero h1{font-size:38px!important}.shk-home-visual{grid-template-columns:repeat(2,78px);gap:10px}.shk-home-visual span{width:78px;height:78px;font-size:34px}
  .shk-home-section{padding:42px 19px}.shk-ingredient-card strong{font-size:15px}.shk-theme-card{padding:19px;min-height:145px}
}

@media(max-width:959px){
  .shk-home-hero-inner{grid-template-columns:minmax(0,1fr) 180px;min-height:330px;padding:38px 24px}.shk-home-hero h1{font-size:39px!important}.shk-home-section{padding:42px 20px}
  .shk-home-heading{display:block}.shk-home-heading>p{margin-top:8px!important;text-align:left}.shk-ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shk-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shk-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shk-about-card{grid-template-columns:65px minmax(0,1fr)}.shk-about-card ul{grid-column:1/-1;margin-top:10px;padding:13px 0 0 20px;border-top:1px solid #d7e2da;border-left:0}
  .shk-end-card{margin-top:24px!important}.shk-article-figure img{max-width:100%!important;max-height:none!important}
}

@media(max-width:700px){
  .shk-home-hero-inner{display:block;min-height:0;padding:34px 20px}.shk-home-visual{display:none}.shk-home-hero h1{font-size:34px!important}.shk-home-hero h1 span{white-space:normal}.shk-home-section{padding:36px 15px}.shk-home-heading h2,.shk-home-about h2{font-size:26px!important}
  .shk-ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shk-ingredient-card{grid-template-columns:42px minmax(0,1fr);min-height:76px;padding:10px}.shk-ingredient-icon{width:42px;height:42px;font-size:23px}.shk-ingredient-card strong{font-size:14px}.shk-ingredient-card small{font-size:9.5px}.shk-ingredient-card b{display:none}
  .shk-theme-grid{grid-template-columns:1fr}.shk-theme-card{min-height:128px}.shk-post-grid{grid-template-columns:1fr}.shk-post-card{display:grid;grid-template-columns:42% minmax(0,1fr)}.shk-post-thumb{height:100%;min-height:120px;aspect-ratio:auto}.shk-post-body{align-items:center}.shk-post-body h3{font-size:14px!important}
  .shk-about-card{display:block;padding:21px 17px}.shk-about-mark{width:58px;height:58px;margin-bottom:14px}.shk-about-card ul{margin-top:15px;padding:14px 0 0 20px;border-top:1px solid #d7e2da;border-left:0}
  .shk-end-card>.shk-end-title{padding:10px 13px!important;font-size:15px!important}.shk-end-body{padding:14px}.shk-sources-card>.shk-end-title{font-size:13px!important}.shk-sources-card .shk-end-body{padding:10px 12px;font-size:11.5px}
  .shk-trust-note{gap:8px;padding:9px 10px}.shk-trust-badge{min-width:50px}.shk-table-scroll table{min-width:620px}
}

/* =========================================================
 * v8.4.1 precision fixes: wider sidebar, compact theme cards,
 * tight latest cards, centered TOC, and article archive.
 * ======================================================= */
body.shk-complete-home .shk-ingredient-card strong{
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.3!important;
}
body.shk-complete-home .shk-ingredient-card small{
  margin-top:4px!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
body.shk-complete-home .shk-ingredient-card{
  min-height:88px!important;
  padding:13px 14px!important;
}
body.shk-complete-home .shk-ingredient-icon{
  width:52px!important;
  height:52px!important;
  font-size:28px!important;
}

/* Use inline elements inside the link so wpautop cannot split one card into pieces. */
body.shk-complete-home .shk-theme-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
body.shk-complete-home .shk-theme-card{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:14px!important;
  min-height:118px!important;
  padding:17px 18px!important;
  border:1px solid #d5e3d9!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 17px rgba(26,61,43,.065)!important;
}
body.shk-complete-home .shk-theme-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#eaf6ed,#f8fbf8)!important;
  color:#1c6846!important;
  font-size:24px!important;
  font-weight:950!important;
}
body.shk-complete-home .shk-theme-copy{
  display:block!important;
  min-width:0!important;
}
body.shk-complete-home .shk-theme-card strong{
  display:block!important;
  margin:0 0 5px!important;
  color:#174a32!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1.35!important;
}
body.shk-complete-home .shk-theme-description{
  display:block!important;
  margin:0!important;
  color:#536159!important;
  font-size:12px!important;
  line-height:1.65!important;
}
body.shk-complete-home .shk-theme-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:#fff5e8!important;
  color:var(--shk-orange)!important;
  font-size:24px!important;
  font-weight:900!important;
}
body.shk-complete-home .shk-theme-link{display:none!important}

body.shk-complete-home .shk-heading-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:7px 14px!important;
  border:1px solid #cdded2!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#1b6242!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 4px 13px rgba(29,67,47,.06)!important;
}
body.shk-complete-home .shk-heading-link span{
  color:var(--shk-orange)!important;
  font-size:20px!important;
  line-height:1!important;
}
body.shk-complete-home .shk-post-card{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #dce5de!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(26,61,43,.06)!important;
}
body.shk-complete-home .shk-post-card-link{
  display:block!important;
  height:100%!important;
  color:inherit!important;
  text-decoration:none!important;
}
body.shk-complete-home .shk-post-thumb{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  overflow:hidden!important;
  background:#eef5ef!important;
}
body.shk-complete-home .shk-post-body{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 11px 12px!important;
}
body.shk-complete-home .shk-post-title{
  display:-webkit-box!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  color:#244536!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.52!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}

/* Center the single theme TOC as a readable card; keep its list text left-aligned. */
body.shk-complete-article .shk-article-toc{
  float:none!important;
  clear:both!important;
  width:min(100%,680px)!important;
  max-width:680px!important;
  margin:24px auto 32px!important;
  text-align:left!important;
}
body.shk-complete-article .shk-article-toc>.p-toc,
body.shk-complete-article .shk-article-toc>.swell-block-index,
body.shk-complete-article .shk-article-toc>.wp-block-swell-index{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Article index created for the TOP "一覧を見る" button. */
.shk-archive{width:100%;max-width:1040px;margin:0 auto;padding:8px 0 34px;color:var(--shk-text)}
.shk-archive-intro{margin:0 0 20px;padding:14px 16px;border:1px solid #dce7df;border-radius:12px;background:#f8fbf9;color:#3e5146;font-size:14px;line-height:1.8}
.shk-archive-intro p{margin:0}
.shk-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shk-archive-card{min-width:0;overflow:hidden;border:1px solid #d9e4dc;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(26,61,43,.06)}
.shk-archive-link{display:block;height:100%;color:inherit!important;text-decoration:none!important}
.shk-archive-thumb{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#eef5ef}
.shk-archive-thumb img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.shk-archive-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#56806a;font-size:42px;font-weight:950}
.shk-archive-copy{display:block;padding:14px 15px 16px}
.shk-archive-copy strong{display:block;color:#214734;font-size:16px;line-height:1.55}
.shk-archive-copy>span{display:block;margin-top:8px;color:#69766f;font-size:12px;line-height:1.7}
body.shk-article-index-page .shk-archive-pagination{
  display:block!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  margin:28px 0 8px!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
body.shk-article-index-page .shk-archive-pagination__list{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
  list-style:none!important;
}
body.shk-article-index-page .shk-archive-pagination .shk-page-number{
  display:inline-flex!important;
  float:none!important;
  position:static!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:38px!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #d2dfd6!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#24583d!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
  transform:none!important;
}
body.shk-article-index-page .shk-archive-pagination .shk-page-number.current{
  border-color:var(--shk-green)!important;
  background:var(--shk-green)!important;
  color:#fff!important;
}
body.shk-article-index-page .shk-archive-pagination a.shk-page-number:hover,
body.shk-article-index-page .shk-archive-pagination a.shk-page-number:focus-visible{
  border-color:#8db69f!important;
  background:#f2f8f4!important;
  color:#173f2b!important;
}
body.shk-article-index-page .shk-archive-pagination .shk-page-number.dots{
  min-width:24px!important;
  padding:0 2px!important;
  border-color:transparent!important;
  background:transparent!important;
}
@media(max-width:560px){
  body.shk-article-index-page .shk-archive-pagination{margin-top:22px!important}
  body.shk-article-index-page .shk-archive-pagination__list{gap:6px!important}
  body.shk-article-index-page .shk-archive-pagination .shk-page-number{min-width:36px!important;height:36px!important;min-height:36px!important;padding:0 9px!important;font-size:13px!important}
}

@media(min-width:1100px){
  body.shk-complete-base-active .shk-sidebar-card{
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:72px!important;
  }
  body.shk-complete-base-active .shk-sidebar-thumb{
    width:84px!important;
    height:56px!important;
  }
  body.shk-complete-base-active .shk-sidebar-card-title,
  body.shk-complete-base-active .shk-category-links a{
    font-size:12.5px!important;
  }
}
@media(max-width:780px){
  body.shk-complete-home .shk-theme-grid{grid-template-columns:1fr!important}
  body.shk-complete-home .shk-theme-card{min-height:108px!important}
  body.shk-complete-home .shk-heading-link{min-height:36px!important;padding:7px 12px!important}
  .shk-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
}
@media(max-width:560px){
  body.shk-complete-home .shk-home-heading{display:flex!important;align-items:center!important}
  body.shk-complete-home .shk-home-heading>p{display:none!important}
  body.shk-complete-home .shk-ingredient-card strong{font-size:15px!important}
  body.shk-complete-home .shk-ingredient-card small{font-size:10px!important}
  body.shk-complete-home .shk-theme-card{grid-template-columns:48px minmax(0,1fr) 28px!important;padding:15px!important}
  body.shk-complete-home .shk-theme-icon{width:48px!important;height:48px!important}
  body.shk-complete-home .shk-theme-card strong{font-size:17px!important}
  .shk-archive-grid{grid-template-columns:1fr}
}

/* =========================================================
 * v8.4.2: compact theme TOC + verified theme-card links
 * ======================================================= */
body.shk-complete-article .shk-article-toc{
  display:table!important;
  float:none!important;
  clear:both!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(100%,560px)!important;
  margin:24px auto 32px!important;
  text-align:left!important;
}
body.shk-complete-article .shk-article-toc>.p-toc,
body.shk-complete-article .shk-article-toc>.swell-block-index,
body.shk-complete-article .shk-article-toc>.wp-block-swell-index,
body.shk-complete-article .shk-article-toc>#toc_container{
  display:block!important;
  width:auto!important;
  min-width:420px!important;
  max-width:100%!important;
  margin:0!important;
}
body.shk-complete-home .shk-theme-card{
  position:relative!important;
  z-index:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
body.shk-complete-home .shk-theme-card:focus-visible{
  outline:3px solid rgba(31,107,67,.35)!important;
  outline-offset:3px!important;
}
body.shk-complete-home .shk-theme-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:9px!important;
  color:var(--shk-orange)!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
body.shk-complete-home .shk-theme-cta b{
  font-size:18px!important;
  line-height:1!important;
}
@media(max-width:600px){
  body.shk-complete-article .shk-article-toc{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.shk-complete-article .shk-article-toc>.p-toc,
  body.shk-complete-article .shk-article-toc>.swell-block-index,
  body.shk-complete-article .shk-article-toc>.wp-block-swell-index,
  body.shk-complete-article .shk-article-toc>#toc_container{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}


/* =========================================================
 * v8.4.3: photo-based home icons/cards + safer ingredient links
 * ======================================================= */
body.shk-complete-home .shk-home-hero-inner{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:30px!important;
  min-height:350px!important;
}
body.shk-complete-home .shk-home-hero-copy{min-width:0}
body.shk-complete-home .shk-home-hero h1{max-width:11.5em!important}
body.shk-complete-home .shk-home-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.shk-complete-home .shk-home-visual img{
  display:block!important;
  width:100%!important;
  max-width:308px!important;
  height:auto!important;
}

body.shk-complete-home .shk-ingredient-grid{gap:12px!important}
body.shk-complete-home .shk-ingredient-card{
  grid-template-columns:56px minmax(0,1fr) 20px!important;
  gap:12px!important;
  min-height:90px!important;
  padding:14px!important;
}
body.shk-complete-home .shk-ingredient-icon{
  width:56px!important;
  height:56px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dbe8de!important;
  border-radius:14px!important;
  background:#f4faf5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
body.shk-complete-home .shk-ingredient-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.shk-complete-home .shk-ingredient-card strong{
  font-size:18px!important;
  line-height:1.28!important;
}
body.shk-complete-home .shk-ingredient-card small{
  margin-top:5px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
body.shk-complete-home .shk-ingredient-card b{
  font-size:24px!important;
}

body.shk-complete-home .shk-theme-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
body.shk-complete-home .shk-theme-card{
  display:grid!important;
  grid-template-columns:148px minmax(0,1fr) 40px!important;
  align-items:stretch!important;
  gap:16px!important;
  min-height:154px!important;
  padding:0!important;
  overflow:hidden!important;
}
body.shk-complete-home .shk-theme-media{
  display:block!important;
  height:100%!important;
  min-height:154px!important;
  background:#eef4ef!important;
}
body.shk-complete-home .shk-theme-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.shk-complete-home .shk-theme-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:14px 0!important;
}
body.shk-complete-home .shk-theme-card strong{
  margin:0 0 8px!important;
  font-size:20px!important;
  line-height:1.35!important;
}
body.shk-complete-home .shk-theme-description{
  display:block!important;
  margin:0!important;
  color:#536159!important;
  font-size:13.4px!important;
  line-height:1.72!important;
}
body.shk-complete-home .shk-theme-arrow{
  align-self:center!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#fff5e8!important;
  color:var(--shk-orange)!important;
  font-size:28px!important;
  font-weight:900!important;
}
body.shk-complete-home .shk-theme-cta,
body.shk-complete-home .shk-theme-icon,
body.shk-complete-home .shk-theme-link{
  display:none!important;
}

body.shk-complete-home .shk-post-body{
  padding-top:10px!important;
}

body.shk-complete-article .shk-article-toc{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(100%,510px)!important;
  margin:24px auto 32px!important;
}
body.shk-complete-article .shk-article-toc>.p-toc,
body.shk-complete-article .shk-article-toc>.swell-block-index,
body.shk-complete-article .shk-article-toc>.wp-block-swell-index,
body.shk-complete-article .shk-article-toc>#toc_container{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
}

@media(max-width:960px){
  body.shk-complete-home .shk-home-hero-inner{
    grid-template-columns:minmax(0,1fr) 260px!important;
    gap:22px!important;
  }
  body.shk-complete-home .shk-theme-card{
    grid-template-columns:132px minmax(0,1fr) 38px!important;
    min-height:146px!important;
  }
}
@media(max-width:780px){
  body.shk-complete-home .shk-home-hero-inner{
    display:block!important;
    min-height:0!important;
  }
  body.shk-complete-home .shk-home-visual{
    margin-top:24px!important;
  }
  body.shk-complete-home .shk-home-visual img{
    max-width:270px!important;
  }
  body.shk-complete-home .shk-theme-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  body.shk-complete-home .shk-ingredient-card{
    grid-template-columns:50px minmax(0,1fr)!important;
    min-height:84px!important;
    padding:12px!important;
  }
  body.shk-complete-home .shk-ingredient-icon{
    width:50px!important;
    height:50px!important;
  }
  body.shk-complete-home .shk-ingredient-card strong{
    font-size:15.5px!important;
  }
  body.shk-complete-home .shk-ingredient-card small{
    font-size:11.2px!important;
  }
  body.shk-complete-home .shk-ingredient-card b{display:none!important}
  body.shk-complete-home .shk-theme-card{
    grid-template-columns:112px minmax(0,1fr) 32px!important;
    gap:12px!important;
  }
  body.shk-complete-home .shk-theme-media{
    min-height:128px!important;
  }
  body.shk-complete-home .shk-theme-card strong{
    font-size:18px!important;
  }
  body.shk-complete-home .shk-theme-description{
    font-size:12.2px!important;
    line-height:1.6!important;
  }
  body.shk-complete-article .shk-article-toc,
  body.shk-complete-article .shk-article-toc>.p-toc,
  body.shk-complete-article .shk-article-toc>.swell-block-index,
  body.shk-complete-article .shk-article-toc>.wp-block-swell-index,
  body.shk-complete-article .shk-article-toc>#toc_container{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* =========================================================
 * v8.4.4: exact ingredient links + seamless image fitting
 * ======================================================= */
body.shk-complete-home .shk-ingredient-icon{
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#eef5ef!important;
  box-shadow:none!important;
}
body.shk-complete-home .shk-ingredient-icon img{
  position:absolute!important;
  inset:-2px!important;
  width:calc(100% + 4px)!important;
  height:calc(100% + 4px)!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.08)!important;
  transform-origin:center!important;
}
body.shk-complete-home .shk-theme-media{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  background:#eef5ef!important;
}
body.shk-complete-home .shk-theme-media img{
  position:absolute!important;
  inset:-3px!important;
  width:calc(100% + 6px)!important;
  height:calc(100% + 6px)!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.035)!important;
  transform-origin:center!important;
}


/* =========================================================
 * v8.4.5: centered compact TOC, visible breadcrumb, and
 * removal of theme update information from the custom TOP.
 * ======================================================= */

/* The plugin TOP has its own hero, so the theme page heading/date block is redundant. */
body.shk-complete-home .p-articleHead,
body.shk-complete-home .c-pageTitle,
body.shk-complete-home .c-postTimes,
body.shk-complete-home .p-articleMetas,
body.shk-complete-home .p-articleMetas__times,
body.shk-complete-home .post-meta,
body.shk-complete-home .article-meta{
  display:none!important;
}

/* Visible article breadcrumb. It is removed automatically when SWELL already shows one. */
body.shk-complete-article .shk-visible-breadcrumb{
  display:block;
  width:100%;
  max-width:1240px;
  margin:0 auto 15px;
  padding:0 2px;
  color:#718078;
  font-size:12px;
  line-height:1.55;
}
body.shk-complete-article .shk-visible-breadcrumb ol{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:0;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  list-style:none!important;
  white-space:nowrap;
}
body.shk-complete-article .shk-visible-breadcrumb li{
  display:flex;
  min-width:0;
  align-items:center;
  margin:0!important;
  padding:0!important;
}
body.shk-complete-article .shk-visible-breadcrumb li+li::before{
  content:"›";
  flex:0 0 auto;
  margin:0 8px;
  color:#a1ada6;
}
body.shk-complete-article .shk-visible-breadcrumb a{
  color:#356b4d!important;
  text-decoration:none!important;
}
body.shk-complete-article .shk-visible-breadcrumb li:last-child{
  overflow:hidden;
  color:#7b8780;
}
body.shk-complete-article .shk-visible-breadcrumb li:last-child span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* A block with fit-content width and auto inline margins centers reliably. */
body.shk-complete-article .shk-article-toc{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:min(100%,510px)!important;
  margin:24px auto 32px!important;
  text-align:left!important;
}
body.shk-complete-article .shk-article-toc>.p-toc,
body.shk-complete-article .shk-article-toc>.swell-block-index,
body.shk-complete-article .shk-article-toc>.wp-block-swell-index,
body.shk-complete-article .shk-article-toc>#toc_container,
body.shk-complete-article .p-toc.shk-article-toc,
body.shk-complete-article #toc_container.shk-article-toc{
  display:block!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:100%!important;
  margin-right:auto!important;
  margin-left:auto!important;
}

@media(max-width:600px){
  body.shk-complete-article .shk-visible-breadcrumb{
    margin-bottom:12px;
    font-size:11px;
  }
  body.shk-complete-article .shk-visible-breadcrumb ol{
    overflow-x:auto;
    scrollbar-width:none;
  }
  body.shk-complete-article .shk-visible-breadcrumb ol::-webkit-scrollbar{display:none}
  body.shk-complete-article .shk-article-toc,
  body.shk-complete-article .shk-article-toc>.p-toc,
  body.shk-complete-article .shk-article-toc>.swell-block-index,
  body.shk-complete-article .shk-article-toc>.wp-block-swell-index,
  body.shk-complete-article .shk-article-toc>#toc_container,
  body.shk-complete-article .p-toc.shk-article-toc,
  body.shk-complete-article #toc_container.shk-article-toc{
    width:100%!important;
    max-width:100%!important;
  }
}


/* =========================================================
 * v8.4.6: force the article breadcrumb to the top, remove the
 * static TOP page title/update row, and center TOC reliably.
 * ======================================================= */

/* Static front-page heading and update dates outside the plugin TOP. */
body.shk-complete-home .l-mainContent .p-articleHead,
body.shk-complete-home .l-mainContent .p-articleHead__inner,
body.shk-complete-home .l-mainContent .c-pageTitle,
body.shk-complete-home .l-mainContent .c-postTitle,
body.shk-complete-home .l-mainContent .c-postTimes,
body.shk-complete-home .l-mainContent .p-articleMetas,
body.shk-complete-home .l-mainContent .p-articleMetas__times,
body.shk-complete-home .l-mainContent .post-meta,
body.shk-complete-home .l-mainContent .article-meta,
body.shk-complete-home .l-mainContent .entry-meta,
body.home .l-mainContent .p-articleHead,
body.home .l-mainContent .c-pageTitle,
body.home .l-mainContent .c-postTitle,
body.home .l-mainContent .c-postTimes,
body.home .l-mainContent .p-articleMetas,
body.home .l-mainContent .p-articleMetas__times{
  display:none!important;
}

/* The plugin breadcrumb is the single visible breadcrumb on post pages. */
body.single-post .p-breadcrumb:not(.shk-visible-breadcrumb),
body.single-post #breadcrumb:not(.shk-visible-breadcrumb),
body.single-post .breadcrumb:not(.shk-visible-breadcrumb),
body.single-post .c-breadcrumb:not(.shk-visible-breadcrumb){
  display:none!important;
}
body.shk-complete-article .shk-visible-breadcrumb,
body.single-post .shk-visible-breadcrumb{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:3!important;
}

/* Force visual centering even when SWELL's parent uses grid or unusual margins. */
body.shk-complete-article .shk-article-toc{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:fit-content!important;
  max-width:min(100%,510px)!important;
  margin:24px 0 32px!important;
}
body.shk-complete-article .shk-article-toc>.p-toc,
body.shk-complete-article .shk-article-toc>.swell-block-index,
body.shk-complete-article .shk-article-toc>.wp-block-swell-index,
body.shk-complete-article .shk-article-toc>#toc_container,
body.shk-complete-article .p-toc.shk-article-toc,
body.shk-complete-article #toc_container.shk-article-toc{
  width:fit-content!important;
  max-width:100%!important;
  margin:0!important;
}
@media(max-width:600px){
  body.shk-complete-article .shk-article-toc{
    left:0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:24px 0 32px!important;
  }
}


/* =========================================================
 * v8.5.0: stable shared boxes and reusable article accents
 * ======================================================= */
body.shk-complete-article .shk-article-content .shk-shared-box:not(.quote){
  padding:0!important;
}
body.shk-complete-article .shk-article-content .shk-shared-box::before,
body.shk-complete-article .shk-article-content .shk-shared-box::after,
body.shk-complete-article .shk-article-content .shk-shared-box>p::before,
body.shk-complete-article .shk-article-content .shk-shared-box-body>p::before{
  display:none!important;
  content:none!important;
}
body.shk-complete-article .shk-article-content .shk-shared-box-title{
  margin:0!important;
  padding:12px 17px!important;
  border-bottom:1px solid rgba(130,105,49,.18)!important;
  background:linear-gradient(90deg,rgba(255,244,205,.92),rgba(255,251,238,.98))!important;
  color:#704a0d!important;
  font-size:1.04em!important;
  font-weight:900!important;
  line-height:1.45!important;
}
body.shk-complete-article .shk-article-content .check-box .shk-shared-box-title,
body.shk-complete-article .shk-article-content .summary-box .shk-shared-box-title{
  border-bottom-color:rgba(40,112,72,.15)!important;
  background:linear-gradient(90deg,#eaf6ed,#f8fcf9)!important;
  color:#194a32!important;
}
body.shk-complete-article .shk-article-content .shk-shared-box-body{
  padding:17px 19px 18px!important;
}
body.shk-complete-article .shk-article-content .shk-shared-box-body>:first-child{margin-top:0!important}
body.shk-complete-article .shk-article-content .shk-shared-box-body>:last-child{margin-bottom:0!important}

/* Optional reusable classes for future corrected article HTML. */
body.shk-complete-article .shk-article-content .shk-fact-box,
body.shk-complete-article .shk-article-content .shk-tip-box,
body.shk-complete-article .shk-article-content .shk-warning-box,
body.shk-complete-article .shk-article-content .shk-compare-box{
  margin:22px 0!important;
  padding:17px 19px!important;
  border:1px solid #d6e5da!important;
  border-radius:13px!important;
  background:#f5faf6!important;
  box-shadow:0 5px 17px rgba(25,65,44,.055)!important;
}
body.shk-complete-article .shk-article-content .shk-tip-box{border-color:#ead5a5!important;background:#fff9ea!important}
body.shk-complete-article .shk-article-content .shk-warning-box{border-color:#edc7bd!important;background:#fff5f1!important}
body.shk-complete-article .shk-article-content .shk-compare-box{border-color:#cbdce9!important;background:#f3f8fc!important}


/* =========================================================
 * v8.5.2: single-layer end cards + slightly smaller PC images
 * ======================================================= */
body.shk-complete-article .shk-end-card{
  display:block!important;
  overflow:hidden!important;
  margin:24px 0 0!important;
  padding:0!important;
  border:1px solid #cfe0d4!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(25,65,44,.07)!important;
}
body.shk-complete-article .shk-end-card>.shk-end-title{
  display:block!important;
  margin:0!important;
  padding:11px 16px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-end-card>.shk-end-body{
  display:block!important;
  margin:0!important;
  padding:17px 19px 16px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-end-card>.shk-end-body>:first-child{margin-top:0!important}
body.shk-complete-article .shk-end-card>.shk-end-body>:last-child{margin-bottom:0!important}
body.shk-complete-article .shk-sources-card{
  margin-top:16px!important;
  border-color:#ded7c8!important;
}
body.shk-complete-article .shk-sources-card>.shk-end-body{
  padding:11px 14px 12px!important;
}

@media(min-width:835px){
  body.shk-complete-article .shk-article-figure:not(.shk-figure-wide) img{
    max-width:min(100%,620px)!important;
    max-height:540px!important;
  }
  body.shk-complete-article .shk-figure-square img{
    max-width:min(100%,600px)!important;
    max-height:600px!important;
  }
  body.shk-complete-article .shk-figure-portrait img{
    max-height:570px!important;
  }
  body.shk-complete-article .shk-figure-wide img{
    width:auto!important;
    max-width:min(100%,760px)!important;
    max-height:560px!important;
  }
}


/* =========================================================
 * v8.5.4: compact "この記事でわかること" card
 * Match the TOC's content-based width on desktop.
 * ======================================================= */
@media (min-width: 601px){
  body.shk-complete-article .shk-article-content .shk-knowledge-card{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    display:table!important;
    width:auto!important;
    min-width:0!important;
    max-width:min(100%,760px)!important;
    margin:0 0 22px!important;
  }
  body.shk-complete-article .shk-article-content .shk-knowledge-title,
  body.shk-complete-article .shk-article-content .shk-knowledge-card ul{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.shk-complete-article .shk-article-content .shk-knowledge-card li{
    white-space:normal!important;
  }
}
@media (max-width: 600px){
  body.shk-complete-article .shk-article-content .shk-knowledge-card{
    position:relative!important;
    left:0!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 22px!important;
  }
}

/* =========================================================
 * v8.6.1: article readability and compact editorial layout
 * - compact paragraph/heading rhythm
 * - visible H3 section bars
 * - semantic emphasis and markers
 * - responsive compare cards and tables
 * - compact FAQ, warning cards and source references
 * ======================================================= */
body.shk-complete-article .shk-article-content{
  container-type:inline-size;
}

/* Paragraph rhythm: normal paragraphs stay connected; headings create the break. */
body.shk-complete-article .shk-article-content p{
  margin:0 0 .9em!important;
  line-height:1.88!important;
  letter-spacing:.006em;
}
body.shk-complete-article .shk-article-content p:last-child{margin-bottom:0!important}
body.shk-complete-article .shk-article-content ul,
body.shk-complete-article .shk-article-content ol{
  margin:.65em 0 1.05em!important;
}
body.shk-complete-article .shk-article-content li{
  margin:.28em 0!important;
  line-height:1.72;
}
body.shk-complete-article .shk-article-intro{
  margin:0 0 14px!important;
  line-height:1.9!important;
}

/* H2/H3: reduce excess whitespace and make topic changes immediately visible. */
body.shk-complete-article .shk-article-content h2{
  margin:2.05em 0 .82em!important;
  padding:.62em .82em .62em 2.15em!important;
  border-radius:7px!important;
  font-size:1.34em!important;
  line-height:1.48!important;
}
body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title){
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:1.45em 0 .68em!important;
  padding:.58em .76em .58em 1.55em!important;
  border:0!important;
  border-left:4px solid #5a9d73!important;
  border-radius:6px!important;
  background:#f0f7f2!important;
  color:#1f5139!important;
  font-size:1.08em!important;
  font-weight:900!important;
  line-height:1.5!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title)::before{
  content:""!important;
  position:absolute!important;
  left:.72em!important;
  top:50%!important;
  width:.42em!important;
  height:.42em!important;
  border-radius:50%!important;
  background:#62a67c!important;
  transform:translateY(-50%)!important;
}

/* Existing semantic emphasis becomes visible without altering article text. */
body.shk-complete-article .shk-article-content p strong,
body.shk-complete-article .shk-article-content li strong,
body.shk-complete-article .shk-article-content td strong{
  color:#174b32!important;
  font-weight:850!important;
}
body.shk-complete-article .shk-article-content em{
  color:#8a5615;
  font-style:normal;
  font-weight:750;
}
body.shk-complete-article .shk-article-content mark,
body.shk-complete-article .shk-article-content .marker-yellow,
body.shk-complete-article .shk-article-content .shk-marker-yellow{
  padding:0 .08em;
  background:linear-gradient(transparent 58%,rgba(255,213,72,.58) 58%)!important;
  color:inherit!important;
  font-weight:750;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
body.shk-complete-article .shk-article-content .marker-red,
body.shk-complete-article .shk-article-content .shk-marker-red{
  padding:0 .08em;
  background:linear-gradient(transparent 58%,rgba(242,127,111,.30) 58%)!important;
  color:inherit!important;
  font-weight:750;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

/* Compact reusable cards: subtle, useful, and not visually louder than the text. */
body.shk-complete-article .shk-article-content .shk-fact-box,
body.shk-complete-article .shk-article-content .shk-tip-box,
body.shk-complete-article .shk-article-content .shk-warning-box,
body.shk-complete-article .shk-article-content .shk-compare-box,
body.shk-complete-article .shk-article-content .shk-note-line,
body.shk-complete-article .shk-article-content .check-box,
body.shk-complete-article .shk-article-content .memo-box,
body.shk-complete-article .shk-article-content .summary-box:not(.shk-conclusion-card),
body.shk-complete-article .shk-article-content .shk-point-panel{
  margin:1.15em 0!important;
  padding:12px 14px 11px 16px!important;
  border:0!important;
  border-left:4px solid #6ba183!important;
  border-radius:6px!important;
  background:#f6faf7!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content .shk-tip-box,
body.shk-complete-article .shk-article-content .memo-box{
  border-left-color:#c49a42!important;
  background:#fffaf0!important;
}
body.shk-complete-article .shk-article-content .shk-warning-box{
  border-left-color:#cf6b58!important;
  background:#fff7f4!important;
}
body.shk-complete-article .shk-article-content .shk-compare-box{
  border-left-color:#5d8daf!important;
  background:#f5f9fc!important;
}
body.shk-complete-article .shk-article-content .shk-warning-box>:first-child,
body.shk-complete-article .shk-article-content .shk-fact-box>:first-child,
body.shk-complete-article .shk-article-content .shk-tip-box>:first-child,
body.shk-complete-article .shk-article-content .shk-note-line>:first-child{margin-top:0!important}
body.shk-complete-article .shk-article-content .shk-warning-box>:last-child,
body.shk-complete-article .shk-article-content .shk-fact-box>:last-child,
body.shk-complete-article .shk-article-content .shk-tip-box>:last-child,
body.shk-complete-article .shk-article-content .shk-note-line>:last-child{margin-bottom:0!important}

/* FAQ: remove the unnecessary lower whitespace and heavy card feel. */
body.shk-complete-article .shk-faq-item{
  margin:8px 0!important;
  border:1px solid #d8e4db!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-faq-question{
  min-height:0!important;
  padding:11px 14px 11px 46px!important;
  background:#f0f7f2!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}
body.shk-complete-article .shk-faq-question::before{
  left:13px!important;
  top:10px!important;
  width:25px!important;
  height:25px!important;
}
body.shk-complete-article .shk-faq-answer{
  padding:11px 15px 9px!important;
}
body.shk-complete-article .shk-faq-answer>:first-child{margin-top:0!important}
body.shk-complete-article .shk-faq-answer>:last-child{margin-bottom:0!important}
body.shk-complete-article .shk-faq-answer p{margin:0 0 .65em!important;line-height:1.78!important}

/* Compare cards used by current articles. Container queries avoid narrow 3-column cards. */
body.shk-complete-article .shk-article-content .shk-compare-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  margin:1.05em 0 1.35em!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card{
  overflow:hidden!important;
  min-width:0!important;
  margin:0!important;
  border:1px solid #d5e1d8!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card>h3{
  margin:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:#edf6ef!important;
  color:#1e5138!important;
  font-size:1em!important;
  line-height:1.45!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card>h3::before{display:none!important;content:none!important}
body.shk-complete-article .shk-article-content .shk-compare-card dl{margin:0!important}
body.shk-complete-article .shk-article-content .shk-compare-card dl>div{
  display:grid!important;
  grid-template-columns:minmax(4.4em,5.2em) minmax(0,1fr)!important;
  align-items:stretch!important;
  border-top:1px solid #e2e9e4!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card dt,
body.shk-complete-article .shk-article-content .shk-compare-card dd{
  min-width:0!important;
  margin:0!important;
  padding:8px 9px!important;
  line-height:1.58!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card dt{
  background:#f7f9f7!important;
  color:#315443!important;
  font-size:.9em!important;
  font-weight:850!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card dd{font-size:.94em!important}
@container (min-width:640px){
  body.shk-complete-article .shk-article-content .shk-compare-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.shk-complete-article .shk-article-content .shk-compare-grid>.shk-compare-card:last-child:nth-child(odd){grid-column:1/-1}
}
@container (min-width:960px){
  body.shk-complete-article .shk-article-content .shk-compare-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.shk-complete-article .shk-article-content .shk-compare-grid>.shk-compare-card:last-child:nth-child(odd){grid-column:auto}
}

/* Tables: readable on PC, card-stacked on mobile without horizontal scrolling. */
body.shk-complete-article .shk-table-scroll{
  max-width:100%!important;
  margin:1em 0 1.35em!important;
  overflow-x:auto!important;
  border-radius:8px!important;
}
body.shk-complete-article .shk-article-content table{
  width:100%!important;
  table-layout:fixed!important;
  border-radius:8px!important;
  font-size:.92em!important;
}
body.shk-complete-article .shk-article-content th,
body.shk-complete-article .shk-article-content td{
  padding:9px 10px!important;
  line-height:1.55!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-break:strict!important;
  white-space:normal!important;
}
body.shk-complete-article .shk-article-content table.shk-table-cols-2 th:first-child,
body.shk-complete-article .shk-article-content table.shk-table-cols-2 td:first-child{width:30%}
body.shk-complete-article .shk-article-content table.shk-table-cols-3 th:first-child,
body.shk-complete-article .shk-article-content table.shk-table-cols-3 td:first-child{width:24%}
body.shk-complete-article .shk-article-content table.shk-table-cols-4 th:first-child,
body.shk-complete-article .shk-article-content table.shk-table-cols-4 td:first-child{width:20%}
@media(min-width:601px){
  body.shk-complete-article .shk-article-content table.shk-table-cols-5,
  body.shk-complete-article .shk-article-content table.shk-table-cols-6,
  body.shk-complete-article .shk-article-content table.shk-table-cols-many{
    min-width:720px!important;
    table-layout:auto!important;
  }
}
@media(max-width:600px){
  body.shk-complete-article .shk-table-scroll{
    overflow:visible!important;
    border-radius:0!important;
  }
  body.shk-complete-article .shk-article-content table.shk-table-stacked{
    display:block!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.shk-complete-article .shk-article-content table.shk-table-stacked thead{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  body.shk-complete-article .shk-article-content table.shk-table-stacked tbody,
  body.shk-complete-article .shk-article-content table.shk-table-stacked tr,
  body.shk-complete-article .shk-article-content table.shk-table-stacked td,
  body.shk-complete-article .shk-article-content table.shk-table-stacked th{
    display:block!important;
    width:100%!important;
  }
  body.shk-complete-article .shk-article-content table.shk-table-stacked tr{
    overflow:hidden!important;
    margin:0 0 10px!important;
    border:1px solid #d9e3dc!important;
    border-radius:7px!important;
    background:#fff!important;
  }
  body.shk-complete-article .shk-article-content table.shk-table-stacked td,
  body.shk-complete-article .shk-article-content table.shk-table-stacked tbody th{
    display:grid!important;
    grid-template-columns:minmax(6.4em,36%) minmax(0,1fr)!important;
    gap:9px!important;
    padding:8px 10px!important;
    border:0!important;
    border-bottom:1px solid #e4eae6!important;
    text-align:left!important;
  }
  body.shk-complete-article .shk-article-content table.shk-table-stacked tr>:last-child{border-bottom:0!important}
  body.shk-complete-article .shk-article-content table.shk-table-stacked td::before,
  body.shk-complete-article .shk-article-content table.shk-table-stacked tbody th::before{
    content:attr(data-label);
    color:#315443;
    font-weight:850;
  }
  body.shk-complete-article .shk-article-content table.shk-table-cols-2{
    display:table!important;
    table-layout:fixed!important;
    font-size:.87em!important;
  }
  body.shk-complete-article .shk-article-content table.shk-table-cols-2 thead{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important}
  body.shk-complete-article .shk-article-content table.shk-table-cols-2 tbody{display:table-row-group!important}
  body.shk-complete-article .shk-article-content table.shk-table-cols-2 tr{display:table-row!important;margin:0!important;border:0!important}
  body.shk-complete-article .shk-article-content table.shk-table-cols-2 td,
  body.shk-complete-article .shk-article-content table.shk-table-cols-2 th{display:table-cell!important;width:auto!important;padding:7px 8px!important;border-right:1px solid #dfe8e1!important;border-bottom:1px solid #dfe8e1!important}
  body.shk-complete-article .shk-article-content table.shk-table-cols-2 td::before,
  body.shk-complete-article .shk-article-content table.shk-table-cols-2 tbody th::before{content:none!important}
}

/* Summary remains prominent; references are a compact, secondary bordered box. */
body.shk-complete-article .shk-end-card{margin-top:20px!important;border-radius:9px!important;box-shadow:none!important}
body.shk-complete-article .shk-summary-card>.shk-end-title{padding:10px 14px!important;font-size:15px!important}
body.shk-complete-article .shk-summary-card>.shk-end-body{padding:14px 16px 13px!important}
body.shk-complete-article .shk-sources-card{
  margin-top:14px!important;
  border:1px solid #d7d2c7!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-sources-card>.shk-end-title{
  padding:8px 12px!important;
  border-bottom:1px solid #ddd7cb!important;
  background:#f4f1eb!important;
  color:#4e554f!important;
  font-size:12.5px!important;
  font-weight:850!important;
}
body.shk-complete-article .shk-sources-card>.shk-end-body{
  padding:9px 12px 10px!important;
  background:#fff!important;
  color:#6b716d!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
body.shk-complete-article .shk-sources-card .shk-end-body ul{
  margin:.1em 0!important;
  padding-left:1.25em!important;
}
body.shk-complete-article .shk-sources-card .shk-end-body li{margin:.2em 0!important}
body.shk-complete-article .shk-sources-card .shk-end-body p{margin:.45em 0 0!important;font-size:11px!important}
body.shk-complete-article .shk-sources-card a{
  color:#4d6a5a!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:2px!important;
}

@media(max-width:600px){
  body.shk-complete-article .shk-article-content h2{margin:1.75em 0 .72em!important;font-size:1.22em!important}
  body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title){margin:1.28em 0 .62em!important;padding:.54em .66em .54em 1.45em!important;font-size:1.02em!important}
  body.shk-complete-article .shk-article-content p{margin-bottom:.82em!important;line-height:1.82!important}
}


/* =========================================================
 * v8.6.2: restore a clear editorial hierarchy
 * - H2, H3, notes and FAQ use visibly different treatments
 * - heading whitespace is separated from paragraph rhythm
 * - compare panels are flat editorial columns, not nested cards
 * - source references remain small and separate from the summary
 * ======================================================= */

/* Body copy stays connected; headings provide the deliberate pause. */
body.shk-complete-article .shk-article-content p{
  margin:0 0 .78em!important;
  line-height:1.84!important;
  letter-spacing:.004em!important;
}

/* H2: strongest section delimiter — solid dark bar, white type. */
body.shk-complete-article .shk-article-content h2{
  position:relative!important;
  margin:3.05em 0 1.02em!important;
  padding:.72em .92em .72em 1.05em!important;
  border:0!important;
  border-radius:4px!important;
  background:#285f46!important;
  color:#fff!important;
  font-size:1.34em!important;
  line-height:1.46!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content h2::before{
  display:none!important;
  content:none!important;
}

/* H3: editorial subheading — white background and warm-gold rule. */
body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title),
body.shk-complete-article .shk-article-content .shk-compare-card>h3{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:2.05em 0 .76em!important;
  padding:.46em .3em .46em 1.05em!important;
  border:0!important;
  border-bottom:2px solid #d7bd83!important;
  border-radius:0!important;
  background:#fff!important;
  color:#30483b!important;
  font-size:1.08em!important;
  font-weight:900!important;
  line-height:1.5!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title)::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:17%!important;
  width:5px!important;
  height:66%!important;
  border-radius:2px!important;
  background:#bf8a32!important;
  transform:none!important;
}

/* Notes and supporting cards: neutral/warm, never the same green as H2. */
body.shk-complete-article .shk-article-content .shk-fact-box,
body.shk-complete-article .shk-article-content .shk-tip-box,
body.shk-complete-article .shk-article-content .shk-note-line,
body.shk-complete-article .shk-article-content .check-box,
body.shk-complete-article .shk-article-content .memo-box,
body.shk-complete-article .shk-article-content .summary-box:not(.shk-conclusion-card),
body.shk-complete-article .shk-article-content .shk-point-panel{
  margin:1.35em 0!important;
  padding:11px 15px 10px 16px!important;
  border:0!important;
  border-left:4px solid #c49a51!important;
  border-radius:4px!important;
  background:#fcfaf5!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content .shk-note-line strong,
body.shk-complete-article .shk-article-content .shk-fact-box strong,
body.shk-complete-article .shk-article-content .shk-tip-box strong{
  color:#56462d!important;
}
body.shk-complete-article .shk-article-content .shk-warning-box{
  margin:1.35em 0!important;
  padding:11px 15px 10px 16px!important;
  border:0!important;
  border-left:4px solid #c75c4d!important;
  border-radius:4px!important;
  background:#fff7f4!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content .shk-compare-box{
  margin:1.35em 0!important;
  padding:11px 15px 10px 16px!important;
  border:0!important;
  border-left:4px solid #557f9a!important;
  border-radius:4px!important;
  background:#f5f9fb!important;
  box-shadow:none!important;
}

/* FAQ: blue-gray hierarchy, clearly separate from green H2. */
body.shk-complete-article .shk-faq-item{
  margin:10px 0!important;
  border:1px solid #d8e0e5!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-faq-question{
  padding:10px 14px 10px 45px!important;
  background:#eef3f6!important;
  color:#294c60!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}
body.shk-complete-article .shk-faq-question::before{
  left:12px!important;
  top:9px!important;
  width:25px!important;
  height:25px!important;
  background:#356d87!important;
}
body.shk-complete-article .shk-faq-answer{
  padding:10px 15px 9px!important;
}
body.shk-complete-article .shk-faq-answer p{
  margin:0 0 .55em!important;
  line-height:1.76!important;
}

/* Comparison panels: maximum two columns and no box-within-box appearance. */
body.shk-complete-article .shk-article-content .shk-compare-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  margin:1.2em 0 1.55em!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card{
  overflow:visible!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-top:3px solid #698879!important;
  border-bottom:1px solid #d9e0dc!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card>h3{
  margin:0!important;
  padding:.72em .5em .62em!important;
  border:0!important;
  border-bottom:1px solid #dfe5e1!important;
  background:#fff!important;
  color:#2f493c!important;
  font-size:1.03em!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card>h3::before{
  display:none!important;
  content:none!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card.is-safe{border-top-color:#4f8b68!important}
body.shk-complete-article .shk-article-content .shk-compare-card.is-safe>h3{color:#286445!important}
body.shk-complete-article .shk-article-content .shk-compare-card.is-brown{border-top-color:#b7832f!important}
body.shk-complete-article .shk-article-content .shk-compare-card.is-brown>h3{color:#7a541d!important}
body.shk-complete-article .shk-article-content .shk-compare-card.is-danger{border-top-color:#bd6153!important}
body.shk-complete-article .shk-article-content .shk-compare-card.is-danger>h3{color:#8b4036!important}
body.shk-complete-article .shk-article-content .shk-compare-card dl>div{
  display:grid!important;
  grid-template-columns:minmax(5.4em,30%) minmax(0,1fr)!important;
  border-top:1px solid #e6eae7!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card dl>div:first-child{border-top:0!important}
body.shk-complete-article .shk-article-content .shk-compare-card dt,
body.shk-complete-article .shk-article-content .shk-compare-card dd{
  padding:8px 10px!important;
  line-height:1.58!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card dt{
  border-right:1px solid #e3e8e5!important;
  background:#fafbf9!important;
  color:#364f42!important;
  font-size:.91em!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body.shk-complete-article .shk-article-content .shk-compare-card dd{
  background:#fff!important;
  font-size:.95em!important;
}
@container (min-width:720px){
  body.shk-complete-article .shk-article-content .shk-compare-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.shk-complete-article .shk-article-content .shk-compare-grid>.shk-compare-card:last-child:nth-child(odd){grid-column:1/-1!important}
}
@container (min-width:960px){
  body.shk-complete-article .shk-article-content .shk-compare-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.shk-complete-article .shk-article-content .shk-compare-grid>.shk-compare-card:last-child:nth-child(odd){grid-column:1/-1!important}
}

/* Normal tables use natural column widths on PC; mobile stacking remains. */
body.shk-complete-article .shk-article-content table{
  table-layout:auto!important;
}
body.shk-complete-article .shk-article-content th{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
}
body.shk-complete-article .shk-article-content td{
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

/* Summary and references are separate sections with different visual weight. */
body.shk-complete-article .shk-summary-card{
  margin-top:2.25em!important;
  margin-bottom:1.65em!important;
}
body.shk-complete-article .shk-summary-card>.shk-end-title{
  background:#2d6349!important;
  color:#fff!important;
}
body.shk-complete-article .shk-sources-card{
  display:block!important;
  clear:both!important;
  width:100%!important;
  margin:1.7em 0 0!important;
  border:1px solid #ddd8cd!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.shk-complete-article .shk-sources-card>.shk-end-title{
  margin:0!important;
  padding:7px 11px!important;
  border:0!important;
  border-bottom:1px solid #e3ded4!important;
  border-radius:0!important;
  background:#f6f4ef!important;
  color:#59615c!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.shk-complete-article .shk-sources-card>.shk-end-title::before{
  display:none!important;
  content:none!important;
}
body.shk-complete-article .shk-sources-card>.shk-end-body{
  padding:8px 11px 9px!important;
  background:#fff!important;
  color:#717773!important;
  font-size:11px!important;
  line-height:1.5!important;
}
body.shk-complete-article .shk-sources-card .shk-end-body li{
  margin:.16em 0!important;
  line-height:1.52!important;
}
body.shk-complete-article .shk-sources-card .shk-end-body p{
  margin:.4em 0 0!important;
  font-size:10.5px!important;
}

@media(max-width:600px){
  body.shk-complete-article .shk-article-content h2{
    margin:2.45em 0 .88em!important;
    padding:.68em .78em!important;
    font-size:1.2em!important;
  }
  body.shk-complete-article .shk-article-content h3:not(.shk-faq-question):not(.shk-end-title){
    margin:1.72em 0 .68em!important;
    padding:.44em .2em .44em .95em!important;
    font-size:1.01em!important;
  }
  body.shk-complete-article .shk-article-content p{
    margin-bottom:.72em!important;
    line-height:1.8!important;
  }
}


/* =========================================================
   v8.6.3 統合記事装飾
   UXスイート/記事表示補正を完全版基盤へ統合。
   ========================================================= */
body.shk-complete-article .shk-article-content .srg-text-red{color:#c83b34!important;font-weight:800!important}
body.shk-complete-article .shk-article-content .srg-text-blue{color:#285f86!important;font-weight:800!important}
body.shk-complete-article .shk-article-content .srg-marker-yellow{color:#26342d!important;font-weight:760!important;background:linear-gradient(transparent 61%,#ffe58a 61%)!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body.shk-complete-article .shk-article-content .srg-marker-pink{color:#26342d!important;font-weight:760!important;background:linear-gradient(transparent 61%,#ffd3d8 61%)!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 同系色を重ねない：警告の赤は枠/アイコンへ限定 */
body.shk-complete-article .shk-article-content .shkx-danger-list{margin:16px 0 22px!important;padding:13px 16px!important;border:1px solid #ead5d2!important;border-left:5px solid #c9574d!important;border-radius:10px!important;background:#fffaf9!important;color:#303934!important;box-shadow:0 4px 13px rgba(88,55,49,.04)!important}
body.shk-complete-article .shk-article-content .shkx-danger-list ul{margin:0!important;padding:0!important;list-style:none!important}
body.shk-complete-article .shk-article-content .shkx-danger-list li{position:relative!important;margin:0!important;padding:8px 4px 8px 25px!important;border-bottom:1px solid #eee2df!important;color:#303934!important;line-height:1.75!important;font-weight:500!important}
body.shk-complete-article .shk-article-content .shkx-danger-list li:last-child{border-bottom:0!important}
body.shk-complete-article .shk-article-content .shkx-danger-list li::before{content:"!"!important;position:absolute!important;left:1px!important;top:11px!important;display:grid!important;place-items:center!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#c9574d!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1!important}
body.shk-complete-article .shk-article-content .shkx-danger-list .srg-text-red,
body.shk-complete-article .shk-article-content .shkx-danger-list .shkx-dark-strong,
body.shk-complete-article .shk-article-content .shk-warning-box .shkx-dark-strong{color:#303934!important;font-weight:700!important;background:none!important}

/* 保存3カード：アクセントは左罫線のみ */
body.shk-complete-article .shk-article-content .shkx-storage-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 26px!important}
body.shk-complete-article .shk-article-content .shkx-storage-card{min-width:0!important;padding:15px!important;border:1px solid #dce2de!important;border-left:4px solid #527966!important;border-radius:11px!important;background:#fff!important;color:#303b35!important;box-shadow:0 4px 14px rgba(33,51,42,.045)!important}
body.shk-complete-article .shk-article-content .shkx-storage-card:nth-child(2){border-left-color:#bd8c35!important}
body.shk-complete-article .shk-article-content .shkx-storage-card:nth-child(3){border-left-color:#be7448!important}
body.shk-complete-article .shk-article-content .shkx-storage-card__head{display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 8px!important;color:#303b35!important}
body.shk-complete-article .shk-article-content .shkx-storage-card__head span{display:inline-grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border:1px solid #d8dedb!important;border-radius:50%!important;background:#f4f6f5!important;color:#46534c!important;font-size:11px!important;font-weight:900!important}
body.shk-complete-article .shk-article-content .shkx-storage-card__head b{color:#303b35!important;font-weight:850!important}

/* FAQ：Aバッジ専用列で本文と重ならない */
body.shk-complete-article .shk-article-content .shk-faq-answer{position:relative!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;column-gap:10px!important;align-items:start!important;padding:14px 16px!important;background:#fff!important;color:#303a35!important}
body.shk-complete-article .shk-article-content .shk-faq-answer::before{content:"A"!important;grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;margin-top:1px!important;border-radius:8px!important;background:#eadcae!important;color:#5b4818!important;font-size:13px!important;font-weight:900!important;line-height:1!important}
body.shk-complete-article .shk-article-content .shk-faq-answer>*{grid-column:2!important;min-width:0!important;margin-left:0!important}

/* まとめは通常H3＋通常本文。専用大枠は生成しない */
body.shk-complete-article .shk-article-content h3[data-shk-summary-heading="plain"]{position:relative!important;display:block!important;width:100%!important;margin:2.2em 0 .85em!important;padding:.5em .43em .5em 1.7em!important;border:0!important;border-bottom:2px solid #d5e4d9!important;background:transparent!important;color:#24533d!important;font-size:1.12em!important;font-weight:900!important;line-height:1.55!important}
body.shk-complete-article .shk-article-content h3[data-shk-summary-heading="plain"]::before{content:"●"!important;position:absolute!important;left:.42em!important;top:.72em!important;color:#52a678!important;font-size:.62em!important}
body.shk-complete-article .shk-article-content .shk-summary-card{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}

/* 参考・確認先＋確認情報：まとめ外の小型アコーディオン */
body.shk-complete-article .shk-article-content details.shkx-source-accordion{clear:both!important;display:block!important;margin:24px 0 18px!important;padding:0!important;overflow:hidden!important;border:1px solid #d9dfdc!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#56615b!important;font-size:12px!important}
body.shk-complete-article .shk-article-content details.shkx-source-accordion>summary{position:relative!important;display:block!important;margin:0!important;padding:9px 36px 9px 12px!important;border:0!important;background:#f5f7f6!important;color:#303a35!important;font-size:12px!important;font-weight:800!important;line-height:1.5!important;cursor:pointer!important;list-style:none!important}
body.shk-complete-article .shk-article-content details.shkx-source-accordion>summary::-webkit-details-marker{display:none!important}
body.shk-complete-article .shk-article-content details.shkx-source-accordion>summary::after{content:"＋"!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#66726c!important;font-size:15px!important;font-weight:900!important}
body.shk-complete-article .shk-article-content details.shkx-source-accordion[open]>summary::after{content:"－"!important}
body.shk-complete-article .shk-article-content details.shkx-source-accordion .shkx-source-accordion__body{padding:11px 13px 12px!important}
body.shk-complete-article .shk-article-content details.shkx-source-accordion p,
body.shk-complete-article .shk-article-content details.shkx-source-accordion li{font-size:12px!important;line-height:1.7!important}
body.shk-complete-article .shk-article-content .shk-trust-note-marker,
body.shk-complete-article .shk-article-content .shkx-summary-end-marker{display:none!important}

@media(max-width:760px){body.shk-complete-article .shk-article-content .shkx-storage-grid{grid-template-columns:1fr!important;gap:9px!important}}

/* =========================================================
 * v8.6.12.4 category hub
 * - first page of category archives only
 * - server-rendered guide beneath archive H1
 * - compact related-category navigation
 * ======================================================= */
body.shk-complete-category-hub .shk-category-hub,
body.shk-complete-category-hub .shk-category-hub *,
body.shk-complete-category-hub .shk-category-hub *::before,
body.shk-complete-category-hub .shk-category-hub *::after{
  box-sizing:border-box;
}
body.shk-complete-category-hub .shk-category-hub{
  width:100%;
  margin:16px 0 26px;
  padding:18px 20px 17px;
  border:1px solid #d8e5dc;
  border-radius:14px;
  background:linear-gradient(135deg,#f7fbf8 0%,#fffdf7 100%);
  color:var(--shk-text);
  box-shadow:0 5px 18px rgba(29,67,47,.055);
}
body.shk-complete-category-hub .shk-category-hub__label{
  margin:0 0 6px!important;
  color:var(--shk-orange)!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.4!important;
  letter-spacing:.14em!important;
}
body.shk-complete-category-hub .shk-category-hub__intro{
  max-width:780px;
  margin:0!important;
  color:#42564b!important;
  font-size:13.5px!important;
  line-height:1.9!important;
}
body.shk-complete-category-hub .shk-category-hub__topics{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:13px 0 0;
}
body.shk-complete-category-hub .shk-category-hub__topics>span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:5px 10px;
  border:1px solid #d7e4da;
  border-radius:999px;
  background:#fff;
  color:#315743;
  font-size:11.5px;
  font-weight:800;
  line-height:1.35;
}
body.shk-complete-category-hub .shk-category-hub__nav{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:9px 11px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #dce7df;
}
body.shk-complete-category-hub .shk-category-hub__nav>strong{
  padding-top:6px;
  color:#506158;
  font-size:11px;
  font-weight:900;
  line-height:1.4;
  white-space:nowrap;
}
body.shk-complete-category-hub .shk-category-hub__nav-list{
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  gap:6px;
}
body.shk-complete-category-hub .shk-category-hub__nav-list>a,
body.shk-complete-category-hub .shk-category-hub__nav-list>.is-current{
  display:inline-flex;
  min-height:29px;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border:1px solid #dbe5de;
  border-radius:7px;
  background:#fff;
  color:#2d6246!important;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  text-decoration:none!important;
}
body.shk-complete-category-hub .shk-category-hub__nav-list>a:hover{
  border-color:#a9c9b5;
  background:#f3f9f5;
}
body.shk-complete-category-hub .shk-category-hub__nav-list>.is-current{
  border-color:#2f7754;
  background:#246847;
  color:#fff!important;
}
@media(max-width:700px){
  body.shk-complete-category-hub .shk-category-hub{
    margin:12px 0 20px;
    padding:15px 14px 14px;
    border-radius:12px;
  }
  body.shk-complete-category-hub .shk-category-hub__intro{
    font-size:12.5px!important;
    line-height:1.82!important;
  }
  body.shk-complete-category-hub .shk-category-hub__topics{
    gap:6px;
    margin-top:11px;
  }
  body.shk-complete-category-hub .shk-category-hub__topics>span{
    min-height:28px;
    padding:4px 8px;
    font-size:10.5px;
  }
  body.shk-complete-category-hub .shk-category-hub__nav{
    display:block;
    margin-top:12px;
    padding-top:11px;
  }
  body.shk-complete-category-hub .shk-category-hub__nav>strong{
    display:block;
    margin-bottom:7px;
    padding-top:0;
  }
  body.shk-complete-category-hub .shk-category-hub__nav-list{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  body.shk-complete-category-hub .shk-category-hub__nav-list>a,
  body.shk-complete-category-hub .shk-category-hub__nav-list>.is-current{
    flex:0 0 auto;
    min-height:28px;
    padding:4px 8px;
    font-size:10.5px;
  }
}

/* =========================================================
 * v8.6.12.5 article authorship / editorial transparency
 * ======================================================= */
body.shk-complete-article .shk-article-byline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 7px;
  margin:0 0 15px!important;
  padding:8px 11px!important;
  border:1px solid #dfe8e2;
  border-radius:9px;
  background:#fafcfb;
  color:#637168;
  font-size:11px;
  line-height:1.55;
  box-sizing:border-box;
}
body.shk-complete-article .shk-article-byline__label{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:2px 7px;
  border-radius:999px;
  background:#edf6f0;
  color:#24563c;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
body.shk-complete-article .shk-article-byline__editor{
  color:#31483a!important;
  font-weight:800;
  text-decoration:none!important;
}
body.shk-complete-article a.shk-article-byline__editor:hover,
body.shk-complete-article .shk-article-byline__policy:hover,
body.shk-complete-article .shk-article-byline__sources:hover{
  text-decoration:underline!important;
  text-underline-offset:2px;
}
body.shk-complete-article .shk-article-byline__sep{
  color:#b2bcb6;
}
body.shk-complete-article .shk-article-byline__policy,
body.shk-complete-article .shk-article-byline__sources{
  color:#2b6847!important;
  font-weight:750;
  text-decoration:none!important;
}
@media(max-width:480px){
  body.shk-complete-article .shk-article-byline{
    gap:4px 6px;
    margin-bottom:13px!important;
    padding:7px 9px!important;
    font-size:10.5px;
  }
  body.shk-complete-article .shk-article-byline__label{
    min-height:21px;
    padding:1px 6px;
    font-size:9.5px;
  }
}

/* =========================================================
 * v8.6.13.0 — Cocoon article trust rendering fallback
 * Authorship / verification can stay enabled even when the broader
 * article-decoration option is disabled.
 * ========================================================= */
body.shk-complete-article-trust .shk-article-byline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.38em;
  margin:.55em 0 1.05em;
  padding:.62em .78em;
  border:1px solid #e2e9e4;
  border-radius:10px;
  background:#fbfdfb;
  color:#59645d;
  font-size:.82em;
  line-height:1.55;
  box-sizing:border-box;
}
body.shk-complete-article-trust .shk-article-byline__label{
  color:#4b5d51;
  font-weight:700;
}
body.shk-complete-article-trust .shk-article-byline__editor,
body.shk-complete-article-trust .shk-article-byline__policy,
body.shk-complete-article-trust .shk-article-byline__sources{
  color:#2f6443;
  font-weight:700;
  text-decoration:none;
}
body.shk-complete-article-trust .shk-article-byline__editor:hover,
body.shk-complete-article-trust .shk-article-byline__policy:hover,
body.shk-complete-article-trust .shk-article-byline__sources:hover{
  text-decoration:underline;
}
body.shk-complete-article-trust .shk-article-byline__sep{
  color:#aab4ad;
}
@media (max-width:767px){
  body.shk-complete-article-trust .shk-article-byline{
    margin:.45em 0 .9em;
    padding:.58em .68em;
    font-size:.78em;
  }
}

/* =========================================================
 * v8.6.13.5 article decoration contract
 * 2026-08-18 latest editorial rules:
 * - no left-border-only AI-style boxes
 * - no box-inside-box appearance
 * - supporting cards stay inset from article edges
 * - FAQ uses one visual Q/A badge only; article text must not repeat Q/A
 * - normal bold text is dark neutral; semantic emphasis avoids green/blue overload
 * - compact caution boxes and calm, fatigue-resistant spacing
 * ======================================================= */

/* Normal bold: readable dark neutral. Explicit semantic classes below remain separate. */
html body.shk-complete-article .shk-article-content p strong,
html body.shk-complete-article .shk-article-content li strong,
html body.shk-complete-article .shk-article-content td strong{
  color:#3d3933!important;
  font-weight:800!important;
}
html body.shk-complete-article .shk-article-content .srg-text-red{
  color:#c33b35!important;
  font-weight:800!important;
}
html body.shk-complete-article .shk-article-content .srg-text-blue,
html body.shk-complete-article .shk-article-content .srg-text-green{
  color:#8a4d32!important;
  font-weight:800!important;
}
html body.shk-complete-article .shk-article-content .srg-marker-yellow{
  color:#2f322f!important;
  font-weight:760!important;
  background:linear-gradient(transparent 61%,#ffe58a 61%)!important;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
html body.shk-complete-article .shk-article-content .srg-marker-pink{
  color:#2f322f!important;
  font-weight:760!important;
  background:linear-gradient(transparent 61%,#ffd4da 61%)!important;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* Primary conclusion: a single card, slightly inset, no nested framing. */
html body.shk-complete-article .shk-article-content .shk-conclusion-card{
  box-sizing:border-box!important;
  width:calc(100% - 12px)!important;
  max-width:760px!important;
  margin:0 auto 20px!important;
  border:1px solid #d8dfda!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(48,56,51,.05)!important;
}
html body.shk-complete-article .shk-article-content .shk-conclusion-title{
  padding:11px 16px!important;
  background:#315f49!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
}
html body.shk-complete-article .shk-article-content .shk-conclusion-body{
  padding:15px 17px 16px!important;
  background:#fbfcfa!important;
}

/* Supporting boxes: full outline, warm/neutral tones, inset from article edge. */
html body.shk-complete-article .shk-article-content .shk-fact-box,
html body.shk-complete-article .shk-article-content .shk-tip-box,
html body.shk-complete-article .shk-article-content .shk-compare-box,
html body.shk-complete-article .shk-article-content .shk-note-line,
html body.shk-complete-article .shk-article-content .check-box,
html body.shk-complete-article .shk-article-content .memo-box,
html body.shk-complete-article .shk-article-content .summary-box:not(.shk-conclusion-card),
html body.shk-complete-article .shk-article-content .shk-point-panel{
  box-sizing:border-box!important;
  width:calc(100% - 28px)!important;
  max-width:720px!important;
  margin:1.3em auto 1.5em!important;
  padding:14px 16px 13px!important;
  border:1px solid #e4ddd1!important;
  border-left:1px solid #e4ddd1!important;
  border-radius:12px!important;
  background:#fffdfa!important;
  box-shadow:0 3px 12px rgba(73,59,38,.045)!important;
  color:#343833!important;
}
html body.shk-complete-article .shk-article-content .shk-tip-box,
html body.shk-complete-article .shk-article-content .memo-box{
  border-color:#ead8b8!important;
  border-left-color:#ead8b8!important;
  background:#fffbf3!important;
}
html body.shk-complete-article .shk-article-content .shk-compare-box{
  border-color:#ddd9cf!important;
  border-left-color:#ddd9cf!important;
  background:#fcfbf8!important;
}
html body.shk-complete-article .shk-article-content .shk-fact-box>p:first-child strong,
html body.shk-complete-article .shk-article-content .shk-tip-box>p:first-child strong,
html body.shk-complete-article .shk-article-content .shk-compare-box>p:first-child strong,
html body.shk-complete-article .shk-article-content .shk-note-line>p:first-child strong,
html body.shk-complete-article .shk-article-content .check-box>p:first-child strong,
html body.shk-complete-article .shk-article-content .memo-box>p:first-child strong,
html body.shk-complete-article .shk-article-content .shk-point-panel>.shk-point-title{
  color:#4b4134!important;
  font-weight:850!important;
}

/* High-quality list treatment: one outer card only; items are separated, not individually boxed. */
html body.shk-complete-article .shk-article-content .shk-fact-box ul,
html body.shk-complete-article .shk-article-content .shk-tip-box ul,
html body.shk-complete-article .shk-article-content .shk-compare-box ul,
html body.shk-complete-article .shk-article-content .check-box ul,
html body.shk-complete-article .shk-article-content .memo-box ul,
html body.shk-complete-article .shk-article-content .shk-point-panel ul{
  margin:.35em 0 0!important;
  padding:0!important;
  list-style:none!important;
}
html body.shk-complete-article .shk-article-content .shk-fact-box li,
html body.shk-complete-article .shk-article-content .shk-tip-box li,
html body.shk-complete-article .shk-article-content .shk-compare-box li,
html body.shk-complete-article .shk-article-content .check-box li,
html body.shk-complete-article .shk-article-content .memo-box li,
html body.shk-complete-article .shk-article-content .shk-point-panel li{
  position:relative!important;
  margin:0!important;
  padding:8px 2px 8px 28px!important;
  border:0!important;
  border-bottom:1px solid #eee8de!important;
  background:transparent!important;
  color:#343833!important;
  line-height:1.7!important;
}
html body.shk-complete-article .shk-article-content .shk-fact-box li:last-child,
html body.shk-complete-article .shk-article-content .shk-tip-box li:last-child,
html body.shk-complete-article .shk-article-content .shk-compare-box li:last-child,
html body.shk-complete-article .shk-article-content .check-box li:last-child,
html body.shk-complete-article .shk-article-content .memo-box li:last-child,
html body.shk-complete-article .shk-article-content .shk-point-panel li:last-child{
  border-bottom:0!important;
}
html body.shk-complete-article .shk-article-content .shk-fact-box li::before,
html body.shk-complete-article .shk-article-content .shk-tip-box li::before,
html body.shk-complete-article .shk-article-content .check-box li::before,
html body.shk-complete-article .shk-article-content .memo-box li::before,
html body.shk-complete-article .shk-article-content .shk-point-panel li::before{
  content:"✓"!important;
  position:absolute!important;
  left:2px!important;
  top:9px!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b87824!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
}
html body.shk-complete-article .shk-article-content .shk-compare-box li::before{
  content:"•"!important;
  position:absolute!important;
  left:5px!important;
  top:8px!important;
  background:transparent!important;
  color:#a77331!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.25!important;
}

/* Compact caution: smaller type and slightly narrower than normal support cards. */
html body.shk-complete-article .shk-article-content .shk-warning-box{
  box-sizing:border-box!important;
  width:calc(100% - 40px)!important;
  max-width:680px!important;
  margin:1.2em auto 1.45em!important;
  padding:11px 14px 12px!important;
  border:1px solid #ebd0ca!important;
  border-left:1px solid #ebd0ca!important;
  border-radius:10px!important;
  background:#fff9f7!important;
  box-shadow:0 3px 10px rgba(108,54,44,.035)!important;
  color:#393a36!important;
  font-size:.94em!important;
  line-height:1.78!important;
}
html body.shk-complete-article .shk-article-content .shk-warning-box strong{
  color:#b43a32!important;
  font-weight:850!important;
}
html body.shk-complete-article .shk-article-content .shk-warning-box>:first-child{margin-top:0!important}
html body.shk-complete-article .shk-article-content .shk-warning-box>:last-child{margin-bottom:0!important}

/* Legacy specialty boxes: remove left-only accent without deleting their function. */
html body.shk-complete-article .shk-article-content .shkx-danger-list{
  box-sizing:border-box!important;
  width:calc(100% - 34px)!important;
  max-width:700px!important;
  margin:1.25em auto 1.5em!important;
  padding:12px 15px!important;
  border:1px solid #ead5d2!important;
  border-left:1px solid #ead5d2!important;
  border-radius:11px!important;
  background:#fffaf9!important;
  box-shadow:0 3px 10px rgba(88,55,49,.035)!important;
}
html body.shk-complete-article .shk-article-content .shkx-storage-card{
  border:1px solid #dce2de!important;
  border-left:1px solid #dce2de!important;
  border-top:3px solid #b58a45!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(33,51,42,.035)!important;
}
html body.shk-complete-article .shk-article-content .shkx-storage-card:nth-child(2),
html body.shk-complete-article .shk-article-content .shkx-storage-card:nth-child(3){
  border-left-color:#dce2de!important;
}

/* Block quotes must not look like the prohibited left-line card either. */
html body.shk-complete-article .shk-article-content blockquote,
html body.shk-complete-article .shk-article-content .quote{
  box-sizing:border-box!important;
  width:calc(100% - 34px)!important;
  max-width:700px!important;
  margin:1.25em auto!important;
  padding:13px 16px!important;
  border:1px solid #e5dccd!important;
  border-left:1px solid #e5dccd!important;
  border-radius:10px!important;
  background:#fffaf2!important;
  box-shadow:none!important;
}

/* Comparison cards: full outline + top accent, never left-only. */
html body.shk-complete-article .shk-article-content .shk-compare-card{
  border:1px solid #ddd9cf!important;
  border-top:3px solid #b58a45!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(70,61,45,.035)!important;
  overflow:hidden!important;
}
html body.shk-complete-article .shk-article-content .shk-compare-card.is-safe,
html body.shk-complete-article .shk-article-content .shk-compare-card.is-brown,
html body.shk-complete-article .shk-article-content .shk-compare-card.is-danger{
  border-left:1px solid #ddd9cf!important;
}

/* FAQ: one calm card. Q/A are visual badges only, never repeated in article text. */
html body.shk-complete-article .shk-article-content .shk-faq-item{
  box-sizing:border-box!important;
  width:calc(100% - 18px)!important;
  max-width:760px!important;
  margin:10px auto 12px!important;
  overflow:hidden!important;
  border:1px solid #dfddd6!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(58,55,47,.035)!important;
}
html body.shk-complete-article .shk-article-content .shk-faq-question{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 15px 12px 48px!important;
  border:0!important;
  border-bottom:1px solid #e8e4dc!important;
  border-radius:0!important;
  background:#f8f6f1!important;
  color:#333a35!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.58!important;
  box-shadow:none!important;
}
html body.shk-complete-article .shk-article-content .shk-faq-question::before{
  content:"Q"!important;
  position:absolute!important;
  left:14px!important;
  top:11px!important;
  display:grid!important;
  place-items:center!important;
  width:25px!important;
  height:25px!important;
  border:0!important;
  border-radius:8px!important;
  background:#b27a2b!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body.shk-complete-article .shk-article-content .shk-faq-answer{
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:start!important;
  padding:12px 15px 13px!important;
  background:#fff!important;
  color:#343935!important;
}
html body.shk-complete-article .shk-article-content .shk-faq-answer::before{
  content:"A"!important;
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  margin-top:1px!important;
  border:1px solid #e4d4a7!important;
  border-radius:8px!important;
  background:#f5e9c8!important;
  color:#664f18!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body.shk-complete-article .shk-article-content .shk-faq-answer>*{
  grid-column:2!important;
  min-width:0!important;
  margin-left:0!important;
}
html body.shk-complete-article .shk-article-content .shk-faq-answer p{
  margin:0 0 .55em!important;
  line-height:1.76!important;
}

/* Prevent accidental nested framing if legacy HTML contains a box inside a box. */
html body.shk-complete-article .shk-article-content .shk-conclusion-card .shk-fact-box,
html body.shk-complete-article .shk-article-content .shk-conclusion-card .shk-tip-box,
html body.shk-complete-article .shk-article-content .shk-conclusion-card .shk-compare-box,
html body.shk-complete-article .shk-article-content .shk-conclusion-card .shk-warning-box,
html body.shk-complete-article .shk-article-content .shk-fact-box .shk-fact-box,
html body.shk-complete-article .shk-article-content .shk-tip-box .shk-tip-box,
html body.shk-complete-article .shk-article-content .shk-compare-box .shk-compare-box,
html body.shk-complete-article .shk-article-content .shk-warning-box .shk-warning-box{
  width:100%!important;
  max-width:none!important;
  margin:.7em 0!important;
  padding:0!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

@media(max-width:600px){
  html body.shk-complete-article .shk-article-content .shk-conclusion-card{
    width:calc(100% - 8px)!important;
  }
  html body.shk-complete-article .shk-article-content .shk-fact-box,
  html body.shk-complete-article .shk-article-content .shk-tip-box,
  html body.shk-complete-article .shk-article-content .shk-compare-box,
  html body.shk-complete-article .shk-article-content .shk-note-line,
  html body.shk-complete-article .shk-article-content .check-box,
  html body.shk-complete-article .shk-article-content .memo-box,
  html body.shk-complete-article .shk-article-content .summary-box:not(.shk-conclusion-card),
  html body.shk-complete-article .shk-article-content .shk-point-panel{
    width:calc(100% - 14px)!important;
    padding:12px 13px!important;
  }
  html body.shk-complete-article .shk-article-content .shk-warning-box,
  html body.shk-complete-article .shk-article-content .shkx-danger-list,
  html body.shk-complete-article .shk-article-content blockquote,
  html body.shk-complete-article .shk-article-content .quote{
    width:calc(100% - 18px)!important;
  }
  html body.shk-complete-article .shk-article-content .shk-faq-item{
    width:calc(100% - 8px)!important;
  }
  html body.shk-complete-article .shk-article-content .shk-faq-question{
    padding:11px 12px 11px 44px!important;
    font-size:14.5px!important;
  }
  html body.shk-complete-article .shk-article-content .shk-faq-question::before{
    left:11px!important;
    top:10px!important;
    width:24px!important;
    height:24px!important;
  }
  html body.shk-complete-article .shk-article-content .shk-faq-answer{
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:9px!important;
    padding:11px 12px 12px!important;
  }
}

/* =========================================================
 * v8.6.13.7: PC article reading rhythm refinement
 * - supporting boxes no longer look like repeated centered cards
 * - article images are slightly smaller on desktop only
 * - paragraph-to-paragraph breathing room is increased on desktop only
 * - mobile presentation remains unchanged
 * ======================================================= */
@media (min-width:835px){
  /* Keep the lead conclusion as the one intentional centered card. */
  html body.shk-complete-article .shk-article-content .shk-conclusion-card{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Supporting boxes belong to the text flow rather than floating in the center. */
  html body.shk-complete-article .shk-article-content .shk-fact-box,
  html body.shk-complete-article .shk-article-content .shk-tip-box,
  html body.shk-complete-article .shk-article-content .shk-compare-box,
  html body.shk-complete-article .shk-article-content .shk-note-line,
  html body.shk-complete-article .shk-article-content .check-box,
  html body.shk-complete-article .shk-article-content .memo-box,
  html body.shk-complete-article .shk-article-content .summary-box:not(.shk-conclusion-card),
  html body.shk-complete-article .shk-article-content .shk-point-panel{
    width:calc(100% - 28px)!important;
    max-width:720px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  /* Caution/reference-like support blocks stay compact, but are not center-floating cards. */
  html body.shk-complete-article .shk-article-content .shk-warning-box{
    width:calc(100% - 40px)!important;
    max-width:660px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  html body.shk-complete-article .shk-article-content .shkx-danger-list,
  html body.shk-complete-article .shk-article-content blockquote,
  html body.shk-complete-article .shk-article-content .quote{
    margin-left:0!important;
    margin-right:auto!important;
  }

  /* Slightly smaller PC article images.  Mobile rules are intentionally untouched. */
  body.shk-complete-article .shk-article-figure:not(.shk-figure-wide) img{
    max-width:min(100%,570px)!important;
    max-height:500px!important;
  }
  body.shk-complete-article .shk-figure-square img{
    max-width:min(100%,540px)!important;
    max-height:540px!important;
  }
  body.shk-complete-article .shk-figure-portrait img{
    max-height:520px!important;
  }
  body.shk-complete-article .shk-figure-wide img{
    width:auto!important;
    max-width:min(100%,700px)!important;
    max-height:500px!important;
  }

  /* PC body copy: make an intentional paragraph break visibly breathe. */
  body.shk-complete-article .shk-article-content>p{
    margin-bottom:1.16em!important;
  }
}

/* =========================================================
 * v8.6.13.8: article inline-link visibility
 * - normal links inside article copy use a clear, accessible blue
 * - underline remains visible without relying on color alone
 * - navigation/cards/buttons keep their existing site design
 * ======================================================= */
html body.shk-complete-article .shk-article-content p a[href],
html body.shk-complete-article .shk-article-content li a[href],
html body.shk-complete-article .shk-article-content dd a[href],
html body.shk-complete-article .shk-article-content figcaption a[href],
html body.shk-complete-article .shk-article-content .shk-faq-answer a[href],
html body.shk-complete-article .shk-article-content details.shkx-source-accordion a[href]{
  color:#1b5f9e!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
  text-decoration-skip-ink:auto!important;
}
html body.shk-complete-article .shk-article-content p a[href]:visited,
html body.shk-complete-article .shk-article-content li a[href]:visited,
html body.shk-complete-article .shk-article-content dd a[href]:visited,
html body.shk-complete-article .shk-article-content figcaption a[href]:visited,
html body.shk-complete-article .shk-article-content .shk-faq-answer a[href]:visited,
html body.shk-complete-article .shk-article-content details.shkx-source-accordion a[href]:visited{
  color:#1b5f9e!important;
}
html body.shk-complete-article .shk-article-content p a[href]:hover,
html body.shk-complete-article .shk-article-content li a[href]:hover,
html body.shk-complete-article .shk-article-content dd a[href]:hover,
html body.shk-complete-article .shk-article-content figcaption a[href]:hover,
html body.shk-complete-article .shk-article-content .shk-faq-answer a[href]:hover,
html body.shk-complete-article .shk-article-content details.shkx-source-accordion a[href]:hover{
  color:#0f4f86!important;
  text-decoration-thickness:2px!important;
}
html body.shk-complete-article .shk-article-content p a[href]:focus-visible,
html body.shk-complete-article .shk-article-content li a[href]:focus-visible,
html body.shk-complete-article .shk-article-content dd a[href]:focus-visible,
html body.shk-complete-article .shk-article-content figcaption a[href]:focus-visible,
html body.shk-complete-article .shk-article-content .shk-faq-answer a[href]:focus-visible,
html body.shk-complete-article .shk-article-content details.shkx-source-accordion a[href]:focus-visible{
  outline:2px solid #8bb7de!important;
  outline-offset:2px!important;
  border-radius:2px!important;
}

/* =========================================================
 * v8.6.13.11: PC sidebar article-title fit
 * - sidebar width is not controlled here; Cocoon owns normal-page width
 * - slightly reduce only sidebar article titles on wide PC
 * - enforce a stable 3-line clamp so long titles cannot expand rows
 * - sidebar heading, thumbnails, ads, category links and mobile stay unchanged
 * ======================================================= */
@media (min-width:1100px){
  body.shk-complete-base-active .shk-sidebar-card-title{
    min-width:0!important;
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.42!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    max-height:4.26em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}