/* Blog journal: keep editorial content intact, unify the approved home palette. */
body.guide-page-body,body.guide-article-page { background:#fffdf7; background-image:linear-gradient(#a8c7dc24 1px,transparent 1px),linear-gradient(90deg,#a8c7dc24 1px,transparent 1px); background-size:23px 23px; color:#3f4c58; }
:is(.guide-page-body,.guide-article-page) .site-header { background:#fffdf7f5 !important; border-bottom:0 !important; box-shadow:none; }
:is(.guide-page-body,.guide-article-page) .site-footer { background:transparent; }
:is(.guide-page-body,.guide-article-page) a:focus-visible,:is(.guide-page-body,.guide-article-page) button:focus-visible { outline:3px solid #527e9b; outline-offset:4px; }
.guide-page-body .guide-ref-page { padding-top:100px; }
.guide-page-body .guide-ref-heading { padding:35px 24px 30px; background:transparent; border:0; }
.guide-page-body .guide-ref-heading-inner { max-width:1060px; margin:auto; position:relative; display:flex; align-items:center; gap:24px; }
.guide-page-body .guide-ref-number { font:italic 42px Georgia,serif; color:#d88e7e; transform:rotate(-8deg); }
.guide-page-body .guide-ref-title-text h1 { font-family:'Darumadrop One',sans-serif; font-size:88px; line-height:1; color:#d88e7e; letter-spacing:2px; transform:rotate(-3deg); margin:0 0 18px; }
.guide-page-body .guide-ref-subtitle { font-size:19px; line-height:1.8; letter-spacing:2px; color:#527e9b; }
.guide-page-body .guide-ref-paw { display:none; }
.guide-page-body .page-update-note { position:relative; top:auto; right:auto; left:auto; margin-left:auto; flex-shrink:0; width:130px; height:130px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; background:#b9d9df; border:0; border-radius:47% 42% 48% 39%; transform:rotate(8deg); box-shadow:none; color:#716247; }
.guide-page-body .page-update-note strong { font-size:21px; }
.guide-page-body .page-update-note-small,.guide-page-body .page-update-note-ja { font-size:10px; }
.guide-page-body .guide-ref-category { background:transparent; border:0; padding:20px 24px; }
.guide-page-body .guide-ref-filter-list { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.guide-page-body .guide-filter { background:#f0eee6; border:0; color:#527e9b; border-radius:45% 35% 40% 32% / 35% 47% 30% 44%; min-height:44px; padding:10px 25px; font-size:13px; }
.guide-page-body .guide-filter.active { background:#dceaf5; color:#3e6279; box-shadow:0 3px 0 #bdd4e4; }
.guide-page-body .guide-ref-list-section { max-width:1110px; padding:20px 25px 50px; margin:auto; }
.guide-page-body .guide-ref-featured { margin:0 0 48px; padding:24px; background:#f6f1e7; border:0; border-radius:36px 22px 42px 25px; }
.guide-page-body .guide-ref-featured-link { display:grid; grid-template-columns:1.1fr 1fr; gap:35px; align-items:center; }
.guide-page-body .guide-ref-featured-photo { width:100%; height:350px; padding:0; background:transparent; transform:none; border:0; box-shadow:none; border-radius:25px 17px 28px 18px; overflow:hidden; }
.guide-page-body .guide-ref-featured-photo img { width:100%; height:100%; object-fit:contain; transform:none; }
.guide-page-body .guide-ref-tape { display:none; }
.guide-page-body .guide-ref-featured-content { padding:8px 10px; }
.guide-page-body .guide-ref-featured-content h2 { font-size:25px; line-height:1.65; margin:16px 0; color:#3f4c58; }
.guide-page-body .guide-ref-featured-content p { font-size:14px; line-height:2; color:#586069; }
.guide-page-body .guide-ref-featured-meta,.guide-page-body .guide-ref-card-meta { color:#6c8594; font-size:11px; display:flex; gap:10px; flex-wrap:wrap; }
.guide-page-body .guide-ref-new { display:inline-block; position:static; font-family:'Darumadrop One',sans-serif; color:#c78072; font-size:25px; transform:rotate(-8deg); background:none; padding:0; }
.guide-page-body .guide-ref-read { color:#527e9b; font-size:13px; margin-top:20px; }
.guide-page-body .guide-ref-archive-wrap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 25px; }
.guide-page-body .guide-ref-card { border:0; padding:0; margin:0; min-width:0; }
.guide-page-body .guide-ref-card > a { display:flex; flex-direction:column; align-items:stretch; gap:12px; height:100%; padding:0 0 16px; border:0; }
.guide-page-body .guide-ref-card-image { width:100%; height:250px; flex:none; background:#f3eee5; border-radius:25px 17px 28px 18px; overflow:hidden; transform:none; padding:8px; }
.guide-page-body .guide-ref-card-image img { width:100%; height:100%; object-fit:contain; }
.guide-page-body .guide-ref-card-content { padding:0 4px; }
.guide-page-body .guide-ref-card-content h2 { font-size:16px; line-height:1.8; margin-top:10px; color:#3f4c58; }
.guide-page-body .guide-ref-card-arrow { position:static; margin-top:auto; text-align:right; font-size:21px; color:#759ab0; }
.guide-page-body .guide-ref-new { color:#bd7366; background:#f7e7df; border-radius:10px; font-size:9px; }
.guide-page-body .guide-ref-ending { padding-block:20px; }
.guide-article-page .article { max-width:1040px; margin:auto; padding:110px 24px 40px; }
.guide-article-page .guide-article-ref-header { padding:20px 0 30px; background:none; border:0; }
.guide-article-page .guide-article-ref-header-inner { max-width:820px; margin:auto; padding:0; }
.guide-article-page .guide-article-ref-number { color:#d88e7e; font-family:Georgia,serif; }
.guide-article-page .guide-article-ref-guide { color:#527e9b; }
.guide-article-page .guide-article-ref-paw,.guide-article-page .guide-article-ref-tape { display:none; }
.guide-article-page #guideArticleTitle { font-size:32px; line-height:1.65; color:#3f4c58; margin:20px 0; }
.guide-article-page .article-lead { font-size:15px; line-height:2; color:#59616a; }
.guide-article-page .guide-article-ref-main-image { max-width:820px; padding:0; margin:0 auto 32px; }
.guide-article-page .guide-article-ref-photo { transform:none; border:0; box-shadow:none; background:#f3eee5; padding:16px; border-radius:32px 20px 35px 22px; }
.guide-article-page #guideArticleImage { display:block; width:100%; height:auto; max-height:540px; object-fit:contain; border-radius:13px; }
.guide-article-page .guide-article-ref-body-wrap { max-width:820px; margin:auto; padding:36px 44px; background:#fffefa; border-radius:26px 18px 32px 20px; }
.guide-article-page .article-body { font-size:16px; line-height:2.15; color:#3f454b; }
.guide-article-page .article-body h2 { color:#527e9b; background:#edf3f8; border:0; border-radius:15px 9px 18px 11px; padding:14px 18px; font-size:23px; line-height:1.7; }
.guide-article-page .article-body h3 { color:#527e9b; line-height:1.8; }
.guide-article-page .article-body img { max-width:100%; height:auto; object-fit:contain; border-radius:16px; }
.guide-article-page .article-products,.guide-article-page .article-navigation,.guide-article-page .article-like,.guide-article-page .article-related { max-width:820px; margin-inline:auto; }
.guide-article-page .article-like-inner { background:#edf3f8; border-radius:35px 22px 32px 23px; border:0; }
.guide-article-page .article-navigation-link { background:#f5f1e8; border-radius:20px 13px 23px 15px; }
.guide-article-page .article-toc { background:#f5f1e8; border-color:#e7e0d2; border-radius:20px 13px 23px 15px; }
@media(max-width:820px) {
 :is(.guide-page-body,.guide-article-page) .site-header { background:#edf4f7 !important; }
 :is(.guide-page-body,.guide-article-page) .site-header .mobile-nav { background:#f4f9fc !important; }
 .guide-page-body .guide-ref-heading-inner { gap:14px; }
 .guide-page-body .guide-ref-title-text h1 { font-size:66px; }
 .guide-page-body .guide-ref-archive-wrap { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .guide-page-body .guide-ref-featured-link { gap:20px; }
 .guide-page-body .guide-ref-featured-photo { height:280px; }
 .guide-page-body .guide-ref-featured-content h2 { font-size:20px; }
}
@media(max-width:600px) {
 .guide-page-body .guide-ref-page { padding-top:85px; }
 .guide-page-body .guide-ref-heading { padding:25px 18px 10px; }
 .guide-page-body .guide-ref-number { display:none; }
 .guide-page-body .guide-ref-title-text h1 { font-size:65px; margin-bottom:12px; }
 .guide-page-body .guide-ref-subtitle { font-size:13px; letter-spacing:.5px; }
 .guide-page-body .page-update-note { width:91px; height:91px; }
 .guide-page-body .page-update-note strong { font-size:16px; }
 .guide-page-body .page-update-note-small,.guide-page-body .page-update-note-ja { font-size:8px; }
 .guide-page-body .guide-ref-category { padding:22px 12px 12px; }
 .guide-page-body .guide-ref-filter-list { gap:7px; }
 .guide-page-body .guide-filter { font-size:11px; padding:10px 14px; }
 .guide-page-body .guide-ref-list-section { padding:16px 16px 30px; }
 .guide-page-body .guide-ref-featured { padding:13px; margin-bottom:30px; border-radius:25px 17px 28px 18px; }
 .guide-page-body .guide-ref-featured-link { grid-template-columns:1fr; gap:12px; }
 .guide-page-body .guide-ref-featured-photo { height:260px; }
 .guide-page-body .guide-ref-featured-content { padding:4px; }
 .guide-page-body .guide-ref-featured-content h2 { font-size:19px; margin-block:12px; }
 .guide-page-body .guide-ref-featured-content p { font-size:13px; line-height:1.9; }
 .guide-page-body .guide-ref-archive-wrap { gap:22px 14px; }
 .guide-page-body .guide-ref-card-image { height:180px; padding:5px; border-radius:18px 12px 20px 13px; }
 .guide-page-body .guide-ref-card-content h2 { font-size:13px; line-height:1.8; }
 .guide-page-body .guide-ref-card-meta { font-size:10px; gap:5px 8px; }
 .guide-article-page .article { padding:93px 15px 25px; }
 .guide-article-page #guideArticleTitle { font-size:23px; line-height:1.65; }
 .guide-article-page .article-lead { font-size:13px; line-height:2; }
 .guide-article-page .guide-article-ref-photo { padding:9px; }
 .guide-article-page #guideArticleImage { max-height:390px; }
 .guide-article-page .guide-article-ref-body-wrap { padding:23px 17px; }
 .guide-article-page .article-body { font-size:15px; line-height:2.1; }
 .guide-article-page .article-body h2 { font-size:19px; padding:12px; }
}
.guide-page-body .guide-ref-page,.guide-article-page .guide-article-ref-page { margin-top:0 !important; }
.guide-page-body .guide-ref-heading { padding:35px 24px 30px !important; }
.guide-page-body .guide-ref-number { font-size:42px !important; }
.guide-page-body .page-update-note:before,.guide-page-body .page-update-note:after { display:none; }
.guide-page-body .page-update-note-ja { white-space:nowrap; }
.guide-article-page .guide-article-ref-label { display:flex; align-items:center; gap:16px; margin-bottom:22px; }
.guide-article-page .guide-article-ref-number { font-size:36px; line-height:1; }
.guide-article-page .guide-article-ref-label > div { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
@media(max-width:600px) {
 .guide-page-body .guide-ref-heading { padding:25px 18px 10px !important; }
 .guide-article-page .guide-article-ref-label { margin-bottom:18px; }
 .guide-article-page .guide-article-ref-number { display:none; }
}
/* The weekly update note becomes a paw: four toes above the existing pad. */
.guide-page-body .page-update-note { overflow:visible; isolation:isolate; margin-top:24px; }
.guide-page-body .page-update-note:before {
 content:''; display:block !important; position:absolute; width:100%; height:65%; left:0; top:-43%; z-index:-1;
 background:radial-gradient(ellipse 11% 23% at 12% 64%,#b9d9df 96%,transparent 100%),radial-gradient(ellipse 12% 26% at 37% 32%,#b9d9df 96%,transparent 100%),radial-gradient(ellipse 12% 26% at 65% 32%,#b9d9df 96%,transparent 100%),radial-gradient(ellipse 11% 23% at 89% 64%,#b9d9df 96%,transparent 100%);
 border:0; border-radius:0; box-shadow:none; transform:none;
}
/* Guide covers contain explanatory text: never crop or mask their contents. */
.guide-page-body .guide-ref-title-row { display:flex; align-items:center; gap:24px; }
.guide-page-body .guide-ref-title-text h1 { color:#527e9b; }
.guide-page-body .guide-ref-heading-inner { align-items:center; }
.guide-page-body .guide-ref-category-inner { max-width:1060px; margin:auto; padding:0; border:0; }
.guide-page-body .guide-ref-category-label { display:none; }
.guide-page-body .guide-ref-photo-paper { width:100%; height:100%; padding:0; border:0; box-shadow:none; background:transparent; transform:none; }
.guide-page-body .guide-ref-featured-photo { overflow:visible; border-radius:0; }
.guide-page-body .guide-ref-featured-photo img { object-fit:contain !important; width:100%; height:100%; border-radius:0; }
.guide-page-body .guide-ref-card > a { color:inherit; text-decoration:none; }
.guide-page-body .guide-ref-card-number { display:none; }
.guide-page-body .guide-ref-card-image { border-radius:18px; }
.guide-page-body .guide-ref-card-image img { border-radius:0; object-fit:contain !important; }
.guide-article-page .guide-article-ref-note { display:none; }
.guide-article-page .guide-article-ref-photo { transform:none !important; }
.guide-article-page #guideArticleImage { width:100%; height:auto; max-height:none; border-radius:0; }
.guide-article-page .guide-article-ref-like-inner { background:#edf3f8; border-radius:35px 22px 32px 23px; }
@media(max-width:600px) {
 .guide-page-body .guide-ref-title-row { gap:0; }
 .guide-page-body .guide-ref-title-text h1 { font-size:60px !important; }
 .guide-page-body .guide-ref-subtitle { max-width:200px; font-size:12px; }
 .guide-page-body .guide-ref-featured-photo { height:auto; }
 .guide-page-body .guide-ref-featured-photo img { height:auto; }
 .guide-page-body .guide-ref-archive-wrap { grid-template-columns:1fr; }
 .guide-page-body .guide-ref-card-image { height:auto; padding:9px; }
 .guide-page-body .guide-ref-card-image img { height:auto; }
 .guide-page-body .guide-ref-card-content h2 { font-size:16px; }
}
.guide-page-body .guide-ref-featured { padding:24px !important; }
.guide-page-body .guide-ref-new { font-size:25px !important; }
@media(max-width:600px) {
 .guide-page-body .guide-ref-featured { padding:13px !important; }
 .guide-page-body .guide-ref-subtitle { max-width:185px; font-size:12px !important; line-height:1.8; }
}