/* asioto Magazine — existing Cocoon child theme add-on */
:root{--am-ink:#304e63;--am-blue:#0079c8;--am-pink:#d52c79;--am-green:#23844e;--am-yellow:#f6c26b;--am-line:#e4ecf1}
.am,.am *{box-sizing:border-box}.am{color:var(--am-ink);font-family:Meiryo,"Hiragino Sans",sans-serif;background:#fff;line-height:1.8}.am a{color:inherit;text-decoration:none}.am a:focus-visible{outline:3px solid #0079c8;outline-offset:5px}.am-wrap{max-width:1240px;margin:auto;padding:0 28px}.am-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 0}.am-logo{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.2;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#6ec2ee 25%,#f48fb1 25%,#f48fb1 50%,#f6c26b 50%,#f6c26b 75%,#a6d46b 75%) 1}.am-logo small{font-size:17px}.am-nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:700}.am-nav a:hover{color:var(--am-blue)}.am-hero{display:grid;grid-template-columns:.85fr 1.45fr;align-items:center;gap:45px;padding:35px 0 45px}.am-kicker{color:var(--am-pink);font-size:12px;letter-spacing:.19em;font-weight:700}.am h1{font-size:clamp(30px,3.8vw,49px);line-height:1.55;letter-spacing:.01em;margin:16px 0;font-weight:700}.am h1 mark{background:linear-gradient(transparent 74%,#ffe179 74%);color:inherit}.am-lead{font-size:17px;margin:22px 0 28px}.am-button{display:inline-block;background:var(--am-blue);color:#fff!important;border-radius:28px;padding:12px 27px;font-weight:700}.am-button:hover{background:#0066aa}.am-hero-media{aspect-ratio:1.6;overflow:hidden;border-radius:14px;background:#f3f7fa;position:relative}.am-hero-media img{width:100%;height:100%;object-fit:cover}.am-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;color:#526f82;background:#f4f8fa;font-size:14px}.am-themes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:15px 0 70px}.am-theme{border-bottom:1px solid var(--am-line);padding:14px 8px;display:flex;gap:12px;align-items:center}.am-theme b{display:block;font-size:16px}.am-theme small{font-size:12px}.am-theme span{font-size:28px;color:var(--am-blue)}.am-theme:nth-child(2) span{color:var(--am-pink)}.am-theme:nth-child(3) span{color:var(--am-green)}.am-theme:nth-child(4) span{color:#ac6c00}.am-section{margin:60px 0}.am-heading{text-align:center;font-size:28px!important;background:none!important;border:0!important;padding:0!important;margin:0 0 28px!important;color:var(--am-ink)!important}.am-heading:before{content:"";display:block;margin:0 auto 14px;width:95px;height:3px;background:linear-gradient(90deg,#6ec2ee 25%,#f48fb1 25%,#f48fb1 50%,#f6c26b 50%,#f6c26b 75%,#a6d46b 75%)}.am-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.am-card{display:block;min-width:0}.am-card-media{aspect-ratio:1.65;border-radius:12px;overflow:hidden;background:#f4f8fa}.am-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.am-card:hover img{transform:scale(1.035)}.am-tag{display:inline-block;color:var(--am-blue);font-size:12px;font-weight:700;margin-top:12px}.am-card h3{font-size:18px;margin:6px 0!important;background:none;border:0;padding:0;color:var(--am-ink)}.am-card p{font-size:13px;margin:4px 0;color:#526f82}.am-region{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.am-region a{border:1px solid var(--am-line);border-radius:7px;padding:10px 20px;font-size:14px}.am-region a:hover{border-color:var(--am-blue)}.am-connect{border-top:1px solid var(--am-line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.am-connect h2{font-size:23px;margin:0;border:0;background:none}.am-footer{border-top:1px solid var(--am-line);padding:28px 0;font-size:12px;color:#526f82}.am-footer a{margin-right:20px}.am-skip{position:absolute;left:-9999px}.am-skip:focus{left:10px;top:10px;background:white;z-index:999;padding:12px}
/* Existing Cocoon post layout: content and functionality remain inherited. */
body.single-post{background:#fff;color:var(--am-ink);font-family:Meiryo,"Hiragino Sans",sans-serif}body.single-post .main{border:0;background:#fff;border-radius:0}body.single-post .article{max-width:820px;margin:auto}body.single-post .entry-title{color:var(--am-ink);font-size:clamp(27px,3vw,38px);line-height:1.6;border:0;background:none}body.single-post .eye-catch img,body.single-post .article .wp-block-image img{border-radius:12px}body.single-post .article{line-height:1.95}body.single-post .article h2{background:#f7fafc;color:var(--am-ink);border:0;border-left:4px solid #6ec2ee;border-radius:0 8px 8px 0;padding:15px 20px;font-size:25px;margin-top:48px}body.single-post .article h3{background:none;color:var(--am-ink);border:0;border-bottom:2px solid #a6d46b;padding:8px 0;font-size:21px}body.single-post .article h4{border:0;border-left:3px solid #f6c26b;padding-left:12px;color:var(--am-ink)}body.single-post .article a{color:var(--am-blue);text-decoration:underline;text-underline-offset:3px}body.single-post .article blockquote{background:#fff9fb;border-left:3px solid #f48fb1;color:var(--am-ink)}body.single-post .toc{background:#fff;border:1px solid var(--am-line);border-radius:10px;padding:24px}body.single-post .article table{font-size:15px;border-collapse:collapse;width:100%}body.single-post .article th{background:#f5f9fb;color:var(--am-ink)}body.single-post .article td,body.single-post .article th{border:1px solid var(--am-line);padding:13px}body.single-post .widget-title{background:#fff;border:0;border-bottom:2px solid #6ec2ee;color:var(--am-ink)}body.single-post .wp-block-button__link{background:var(--am-blue);color:#fff;text-decoration:none;border-radius:25px}body.single-post .entry-card-thumb img{border-radius:9px}
.am-post-layout{display:grid;grid-template-columns:minmax(0,780px) 260px;gap:60px;margin:35px auto 65px}.am-post-layout .article{max-width:100%}.am-breadcrumb{font-size:12px;color:#526f82}.am-meta{font-size:13px;color:#526f82}.am-post-layout aside{padding-top:80px}.am-post-layout aside h3{font-size:17px;border-bottom:2px solid #6ec2ee}.am-post-layout aside a{display:block;padding:14px 0;border-bottom:1px solid var(--am-line)}
@media(max-width:800px){.am-wrap{padding:0 20px}.am-header{flex-wrap:wrap;gap:18px}.am-logo{font-size:29px}.am-nav{width:100%;gap:18px;flex-wrap:wrap;font-size:12px}.am-hero{grid-template-columns:1fr;gap:25px;padding-top:15px}.am-hero h1{font-size:34px}.am-hero-media{aspect-ratio:1.5}.am-themes{grid-template-columns:repeat(2,1fr);margin-bottom:40px}.am-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.am-heading{font-size:23px!important}.am-post-layout{grid-template-columns:1fr;gap:15px}.am-post-layout aside{padding-top:0}.am-connect{display:block}.am-connect .am-button{margin-top:18px}body.single-post .article h2{font-size:21px}}
@media(max-width:480px){.am-grid{grid-template-columns:1fr}.am-lead{font-size:15px}.am-hero h1{font-size:30px}.am-theme b{font-size:14px}.am-theme small{font-size:11px}.am-region a{padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.am-card-media img{transition:none}}

/* v1.1 — illustrated SVG theme icons */
.am-theme-icon{display:block;flex:0 0 58px;width:58px;height:58px;line-height:0}
.am-theme-icon svg{display:block;width:100%;height:100%}
.am-theme{gap:14px;padding:14px 10px;border-bottom:0;position:relative}
.am-theme+.am-theme:before{content:"";position:absolute;left:-8px;top:25%;height:50%;width:1px;background:var(--am-line)}
@media(max-width:800px){.am-theme-icon{flex-basis:48px;width:48px;height:48px}.am-theme{gap:10px;padding:12px 0}.am-theme+.am-theme:before{display:none}}

/* v2 native block layout */
.am-editable-content>.wp-block-group{max-width:none}.am-hero .wp-block-heading{background:none;border:0;padding:0;color:var(--am-ink)}
.am-editable-content .wp-block-button__link{background:var(--am-blue);color:#fff;border-radius:28px;padding:12px 27px;font-size:16px;font-weight:700;text-decoration:none;line-height:1.8}
.am-editable-content .wp-block-button__link:hover{background:#0066aa}
.am-hero-media .wp-block-post-featured-image{width:100%;height:100%;margin:0}.am-hero-media .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.am-theme-copy p{margin:0;line-height:1.8}.am-theme-copy strong{font-size:16px}.am-theme-note{font-size:12px}.am-theme-copy a:hover{color:var(--am-blue)}
.am-region p{margin:0}.am-region a{display:block}.am-region-note{text-align:center;font-size:12px}.am-connect h2.wp-block-heading{margin:0;background:none;padding:0;border:0;color:var(--am-ink);font-size:23px}
@media(max-width:800px){.am-theme-copy strong{font-size:14px}}