/*
Theme Name: Syukimi Tools
Description: A lightweight child theme for Syukimi Tools staging.
Author: Syukimi Tools
Version: 1.0.3
Template: twentytwentyfive
Text Domain: syukimi-tools
*/

:root { --syukimi-navy:#0b1f33; --syukimi-teal:#0f766e; --syukimi-mist:#eef7f6; --syukimi-line:#d9e7e5; }
.syukimi-footer { background:var(--syukimi-navy); color:#fff; margin-top:5rem; }
.syukimi-footer a { color:#bdf4ef; text-decoration:none; }
.single-post .wp-block-post-title { color:var(--syukimi-navy); font-size:clamp(2.2rem,5vw,4.2rem); line-height:1.12; letter-spacing:-.045em; max-width:18ch; }
.single-post .wp-block-post-content { color:#27384a; font-size:1.06rem; line-height:1.9; }
.single-post .wp-block-post-content h2 { border-left:4px solid var(--syukimi-teal); color:var(--syukimi-navy); margin-top:3.75rem; padding-left:.8rem; }
.single-post .wp-block-post-content table { background:#fff; border:1px solid var(--syukimi-line); border-collapse:separate; border-radius:16px; border-spacing:0; box-shadow:0 12px 30px rgba(11,31,51,.08); margin:1.75rem 0 2rem; overflow:hidden; width:100%; }
.single-post .wp-block-post-content th { background:var(--syukimi-navy); color:#fff; font-weight:700; }
.single-post .wp-block-post-content th, .single-post .wp-block-post-content td { border:0; border-bottom:1px solid var(--syukimi-line); padding:1rem; text-align:left; vertical-align:top; }
.single-post .wp-block-post-content tr:last-child td { border-bottom:0; }
.single-post .wp-block-post-content td:first-child { color:var(--syukimi-teal); font-weight:700; }
.single-post .wp-block-post-content a { color:var(--syukimi-teal); text-underline-offset:.18em; }

/* Shared surface */
body, .wp-site-blocks { background:#f0f4f7; }
.wp-site-blocks > header { background:#fff; }
.wp-site-blocks > main, main.wp-block-group { background:#fff; border:1px solid #dce6ea; border-radius:24px; box-shadow:0 18px 44px rgba(11,31,51,.08); box-sizing:border-box; margin:3rem auto 4.5rem; max-width:min(1180px, calc(100% - 2rem)); padding:clamp(2rem,5vw,4.5rem); }

/* Home: one clear entry point, then quiet guide blocks */
.home .wp-block-post-title { display:none; }
.home #guides { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.5rem; }
.home #guides > h2 { grid-column:1 / -1; margin:0 0:.25rem; color:var(--syukimi-navy); }
.home #guides h3 { align-self:end; background:var(--syukimi-mist); border:1px solid var(--syukimi-line); border-bottom:0; border-radius:14px 14px 0 0; color:var(--syukimi-navy); font-size:1.25rem; margin:0; padding:1.2rem .9rem .3rem; }
.home #guides h3 + p { background:var(--syukimi-mist); border:1px solid var(--syukimi-line); border-top:0; border-radius:0 0 14px 14px; color:#49606d; margin:-1rem 0 0; padding:1.2rem .9rem; }
.home main h2:not(#guides h2) { color:var(--syukimi-navy); margin-top:3.5rem; }

/* Keep the header for reading and discovery; policy pages remain in the footer. */
.wp-site-blocks > header .wp-block-navigation-item:has(> a[href*="sample-page"]),
.wp-site-blocks > header .wp-block-navigation-item:has(> a[href*="%e3%83%97%e3%83%a9%e3%82%a4"]),
.wp-site-blocks > header .wp-block-navigation-item:has(> a[href*="%e5%ba%83%e5%91%8a"]),
.wp-site-blocks > header .wp-block-navigation-item:has(> a[href*="%e7%b7%a8%e9%9b%86"]) { display:none; }

@media (max-width:640px) { .single-post .wp-block-post-content { font-size:1rem; } .single-post .wp-block-post-content table, .single-post .wp-block-post-content thead, .single-post .wp-block-post-content tbody, .single-post .wp-block-post-content tr, .single-post .wp-block-post-content th, .single-post .wp-block-post-content td { display:block; } .single-post .wp-block-post-content th { display:none; } .single-post .wp-block-post-content td { border-bottom:1px solid var(--syukimi-line); } .wp-site-blocks > main, main.wp-block-group { border-radius:16px; margin:1.25rem auto 2.5rem; padding:1.5rem; width:calc(100% - 1.25rem); } .home #guides { grid-template-columns:1fr; } }