/*
Theme Name: まとめるんノート
Description: まとめるん /guide/ 用の最小ブランドテーマ
Version: 0.4.9
Text Domain: matomerun-guide
*/
:root{--brand:#F28C28;--cta:#B45309;--cta-hover:#9A4207;--bg:#FAF8F5;--surface:#fff;--text:#292524;--muted:#57534E;--border:#DDD6CE;--focus:#1E40AF}*{box-sizing:border-box}html{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.7}body{margin:0}a{color:var(--cta);text-underline-offset:.2em}a:hover{color:var(--cta-hover)}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{background:var(--cta);color:#fff}.header-inner,.site-main,.footer-inner{width:min(100% - 32px,960px);margin:auto}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:#fff;text-decoration:none;font-size:1.35rem;font-weight:800}.brand img{display:block;width:160px;height:auto}.service-link{color:#fff;font-weight:700}.site-main{padding:32px 0 56px}.hero,.post-card,.article{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 28px rgba(41,37,36,.06)}.hero,.article{padding:clamp(20px,5vw,40px)}.hero{border-top:6px solid var(--brand);margin-bottom:24px}.eyebrow{color:var(--cta);font-weight:800}.post-list{display:grid;gap:16px}.post-card{display:grid;grid-template-columns:minmax(250px,36%) minmax(0,1fr);overflow:hidden}.post-card-body{padding:clamp(20px,4vw,32px)}.post-card:not(:has(.post-card-image)) .post-card-body{grid-column:1/-1}.post-card-image{display:block;background:#f3eee7;min-height:100%}.post-card-image img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover}.post-card h2,.article h1{line-height:1.35;margin-top:0}.meta{color:var(--muted);font-size:.9rem}.featured-image{margin:24px 0 30px}.featured-image img{display:block;width:100%;border-radius:12px;aspect-ratio:16/9;object-fit:cover}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;background:var(--cta);color:#fff;text-decoration:none;font-weight:800}.button:hover{background:var(--cta-hover);color:#fff}.site-footer{border-top:1px solid var(--border);background:var(--surface)}.footer-inner{padding:24px 0;color:var(--muted)}img{max-width:100%;height:auto}@media(max-width:720px){.post-card{display:block}.post-card-image{min-height:0}.post-card-image img{height:auto;min-height:0;aspect-ratio:16/9}.post-card-body{padding:clamp(20px,5vw,32px)}}@media(max-width:480px){.header-inner{min-height:64px}.brand img{width:140px}.service-link{font-size:.875rem}.site-main{padding-top:20px}}

.search-topics{margin-bottom:32px;padding:clamp(20px,5vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 28px rgba(41,37,36,.06)}
.hero h1{font-size:clamp(1.6rem,3.5vw,2.3rem);line-height:1.55;margin:8px 0 16px}.guide-start-link{display:inline-block;padding:10px 0;font-weight:700}.search-topics .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-guides .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.related-guides .post-card{display:flex;flex-direction:column;box-shadow:none}.related-guides .post-card-image{min-height:0}.related-guides .post-card-image img{aspect-ratio:16/9;min-height:0;height:auto;object-fit:cover}.related-guides .post-card-body{padding:22px}.related-guides .post-card h3{font-size:1.15rem;line-height:1.65}.related-guides .post-card h3 a{text-decoration:none}.related-guides .post-card p{color:var(--muted)}.guide-home-footer{margin-top:36px;padding:26px;border:1px solid var(--border);border-radius:14px;background:#fff8f0}.guide-home-footer h2{font-size:1.3rem}.guide-home-footer .meta{margin-bottom:0}@media(max-width:640px){.search-topics .topic-grid,.related-guides .post-list{grid-template-columns:1fr}.hero{padding:22px}.hero .eyebrow{margin-top:0}.search-topics{padding:20px}.topic-card{padding:18px}.related-guides .post-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start}.related-guides .post-card-image img{aspect-ratio:1;min-height:100px}.related-guides .post-card-body{padding:14px}.related-guides .post-card h3{font-size:1rem}.related-guides .post-card .meta{display:none}.related-guides .post-card-body>p:not(.meta){font-size:.85rem}.guide-home-footer .button{width:100%}}
.section-heading{margin-bottom:20px}.section-heading .eyebrow{margin:0 0 4px}.section-heading h2{margin:0;line-height:1.35}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.topic-card{padding:22px 18px;border:1px solid var(--border);border-radius:14px;background:#fffaf5}
.topic-card h3{margin:8px 0;line-height:1.4}.topic-card h3 a{text-decoration:none}.topic-card p{margin:0 0 14px;color:var(--muted)}
.topic-number{display:inline-flex;padding:2px 9px;border-radius:999px;background:#f9dfc6;color:#7d3d0d;font-size:.8rem;font-weight:800}.topic-link{font-weight:800}
.related-guides{margin-top:8px}.post-card h3{line-height:1.35;margin-top:0}
.topic-navigation{margin:36px 0 0;padding:22px;border:1px solid #efc7a5;border-radius:14px;background:#fff8f1}.topic-navigation .eyebrow{margin:0 0 4px}.topic-navigation h2{margin:0 0 10px;font-size:1.25rem}.topic-navigation ul{margin:0;padding-left:1.2em}
@media(max-width:800px){.topic-grid{grid-template-columns:1fr}}

/* Shared reading rhythm for all guides, including articles with older inline cards. */
.article-heading{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:28px}
.article-heading:not(:has(.featured-image)){grid-template-columns:1fr}
.article-heading h1{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.55;margin-bottom:14px}
.article-heading .eyebrow{margin-top:0}.article-heading .featured-image{margin:0}.article-heading .featured-image img{aspect-ratio:4/3}
.article-body{max-width:740px;margin:auto;overflow-wrap:anywhere;line-height:1.95}
.article-body h2{font-size:clamp(1.2rem,2.6vw,1.5rem);line-height:1.65;margin:48px 0 22px;padding:12px 0 12px 16px;border-left:4px solid var(--brand);scroll-margin-top:24px}
.article-body h3{font-size:1.12rem;margin:30px 0 14px;line-height:1.7}.article-body p{margin:0 0 22px}.article-body li{margin:10px 0}.article-body ul,.article-body ol{padding-left:1.5em}
.article-body figure{margin:28px 0}.article-body figcaption{font-size:.87rem;color:var(--muted);margin-top:10px;line-height:1.7}.article-body figure img{border:1px solid var(--border);border-radius:10px}
.article-body blockquote,.guide-summary{margin:24px 0;padding:22px 24px;background:#fff8f0;border:1px solid #ecd5be;border-radius:12px}.article-body blockquote{border-left:4px solid var(--brand)}.article-body blockquote p:last-child,.guide-summary p:last-child{margin-bottom:0}
.article-body div[style*="box-shadow"],.article-body div[style*="background:#eef6f1"],.article-body div[style*="background:#f7f5f2"]{box-shadow:none!important;border-radius:12px!important;padding:20px!important;margin-bottom:22px!important}
.article-body table{font-size:.92rem;line-height:1.75}.article-body .wp-block-table{overflow-x:auto}.article-body td,.article-body th{vertical-align:top}
.guide-toc{margin:28px 0;border:1px solid var(--border);border-radius:12px;background:#faf8f5;padding:18px 22px}.guide-toc summary{cursor:pointer;font-weight:700;line-height:1.7}.guide-toc summary span{display:block;font-weight:400;font-size:.85rem;color:var(--muted)}.guide-toc a{display:block;padding:4px 0}.guide-toc ol{margin-bottom:0}
.article-next{max-width:740px;margin:48px auto 0;padding:26px;background:#fff8f0;border:1px solid #ecd5be;border-radius:14px}.article-next h2{font-size:1.25rem;line-height:1.7}.article-next .eyebrow{margin-top:0}.article-next p:last-child{margin-bottom:0}
.guide-table{overflow-x:auto;margin:24px 0;border:1px solid var(--border);border-radius:10px}.guide-table table{width:100%;min-width:480px;border-collapse:collapse}.guide-table caption{text-align:left;padding:14px;font-weight:700}.guide-table th,.guide-table td{padding:13px;border-top:1px solid var(--border);text-align:left}.guide-table thead{background:#f7f1e9}.guide-table tbody th{font-weight:500}.guide-table td{text-align:center}
.guide-summary ul{margin:8px 0 12px}.guide-summary li{margin:5px 0}.guide-summary .eyebrow{margin-bottom:8px}.guide-summary p{font-size:.95rem;line-height:1.8}
@media(max-width:640px){.article-heading{padding-bottom:16px;margin-bottom:20px}.article-heading h1{font-size:1.45rem;line-height:1.6}.article-heading .meta{margin:8px 0 0}.guide-summary{margin:16px 0;padding:16px}.guide-summary li{font-size:.94rem;line-height:1.7}.article-heading .eyebrow{margin-bottom:12px}.guide-table:before{content:"表は横にスクロールできます";display:block;padding:8px 14px;color:var(--muted);font-size:.8rem}}
@media(max-width:640px){.article-heading{grid-template-columns:1fr;gap:16px}.article-heading .featured-image{max-width:360px}.article-heading .featured-image img{aspect-ratio:16/9}.article{padding:22px 18px}.article-body h2{margin-top:36px}.article-body blockquote,.guide-summary,.guide-toc{padding:18px}.article-body .button,.article-next .button{width:100%;text-align:center}.article-body [style*="minmax(190px"]{grid-template-columns:1fr!important}}

body{padding-bottom:88px}.guide-floating-create{position:fixed;right:24px;bottom:24px;z-index:30}.guide-floating-create .button{min-width:180px;box-shadow:0 4px 16px rgba(41,37,36,.18)}html{scroll-padding-bottom:100px}@media(max-width:640px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.guide-floating-create{left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(250,248,245,.97);border-top:1px solid var(--border)}.guide-floating-create .button{display:flex;width:100%;max-width:520px;margin:0 auto;min-height:50px;box-shadow:none}}

body{padding-bottom:108px}.guide-floating-create .button{display:flex;gap:14px;min-width:250px;min-height:68px;padding:10px 20px;background:#b84e00;border:1px solid #a34100;border-radius:14px;box-shadow:0 4px 0 #853800,0 9px 24px rgba(133,56,0,.24);transition:background .15s,transform .15s}.guide-floating-create .button:hover{background:#9f4100;transform:translateY(-2px)}.guide-floating-create .button:active{transform:translateY(2px);box-shadow:0 2px 0 #853800}.guide-create-copy{display:grid;gap:0;text-align:left;line-height:1.4}.guide-create-note{font-size:12px;font-weight:600;letter-spacing:.05em}.guide-create-label{font-size:19px;font-weight:800}.guide-create-plus{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.17);font-size:24px;line-height:1}.guide-create-arrow{margin-left:auto;font-size:24px}html{scroll-padding-bottom:120px}@media(max-width:640px){body{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}.guide-floating-create{padding-top:12px;background:rgba(255,255,255,.98);box-shadow:0 -4px 20px rgba(41,37,36,.1)}.guide-floating-create .button{min-height:66px;justify-content:center;box-shadow:0 4px 0 #853800,0 6px 12px rgba(133,56,0,.16)}.guide-create-arrow{margin-left:12px}}

.guide-floating-create .button{background:#ff7a00;color:#fff;border-color:#e06500;box-shadow:0 4px 0 #b65309,0 9px 24px rgba(133,56,0,.2)}.guide-floating-create .button:hover{background:#ff8d1f;color:#fff}.guide-floating-create .button:active{box-shadow:0 2px 0 #b65309}.guide-create-plus{background:rgba(255,255,255,.2)}

.related-guides .post-list{gap:12px}.related-guides .post-card{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start}.related-guides .post-card-image{min-height:0}.related-guides .post-card-image img{aspect-ratio:1;height:120px;min-height:0;object-fit:cover}.related-guides .post-card-body{padding:14px 16px;min-width:0}.related-guides .post-card h3{font-size:1rem;line-height:1.55;margin:0 0 6px}.related-guides .post-card .meta{font-size:.75rem;margin:0 0 5px}.related-guides .post-card-body>p:not(.meta){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.8rem;line-height:1.6;margin:0 0 6px}.related-guides .post-card .topic-link{font-size:.8rem;display:inline-block;padding:2px 0}@media(max-width:640px){.related-guides .post-card{grid-template-columns:88px minmax(0,1fr)}.related-guides .post-card-image img{height:88px;min-height:0}.related-guides .post-card-body{padding:11px 12px}.related-guides .post-card h3{font-size:.94rem;line-height:1.5;margin-bottom:5px}.related-guides .post-card-body>p:not(.meta){font-size:.78rem;margin-bottom:4px}.related-guides .post-list{gap:10px}}

.popular-posts{margin:28px 0 36px}.popular-posts h2{margin-bottom:4px}.popular-posts>.meta{margin:0 0 14px;font-size:.78rem}.popular-post-list{list-style:none;display:grid;gap:8px;margin:0;padding:0}.popular-post-list a{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:13px 16px;color:var(--text);text-decoration:none;font-size:.95rem;font-weight:700}.popular-post-list a:hover{border-color:var(--cta);color:var(--cta)}.popular-rank{display:grid;place-items:center;width:30px;height:30px;background:#fff0dd;color:#934000;border-radius:50%;font-size:1rem}.popular-post-list li:first-child .popular-rank{background:#f28c28;color:#422000}@media(max-width:640px){.popular-post-list a{font-size:.87rem;padding:11px 12px;gap:10px}}

.popular-post-list a{grid-template-columns:40px minmax(0,1fr) 18px}.popular-post-list .popular-rank{width:40px;height:36px;border-radius:0;clip-path:polygon(0 8%,25% 28%,50% 0,75% 28%,100% 8%,88% 80%,88% 100%,12% 100%,12% 80%);padding-top:8px;background:#c8cdd3;color:#293039;font-size:.95rem;font-weight:800}.popular-post-list li:first-child .popular-rank{background:#e6bd49;color:#493400}.popular-post-list li:nth-child(3) .popular-rank{background:#cb986a;color:#422510}