/*
Theme Name: Monopo Archive
Description: monopo.comの日記・ゲーム・写真をまとめる専用テーマ。
Version: 1.0.2
Author: monopo
Text Domain: monopo-archive
Requires at least: 6.1
Requires PHP: 8.0
Update URI: false
License: GPL-2.0-or-later
*/
:root{--ink:#172934;--navy:#101f2d;--muted:#66747a;--paper:#f8f7f2;--accent:#e9a565;--line:#dcded7;--green:#e9eee8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e9a565;outline-offset:5px}a:hover{color:#a85a29}.wrap{max-width:var(--max);margin:0 auto;width:calc(100% - 80px)}.site-header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1c}.header-inner{max-width:1340px;padding:24px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{font-size:35px;line-height:1;font-weight:800;letter-spacing:-1.6px;display:block;color:#fff}.wordmark span{color:var(--accent)}.wordmark small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:10px;color:#bdc8cf}.site-header nav{display:flex;gap:26px;font-size:12px;font-weight:600;white-space:nowrap}.site-header nav a{padding:10px 0;color:#e7ebee}.site-header nav a:hover{color:var(--accent)}.header-search{display:flex;align-items:center;border-bottom:1px solid #6b777f;max-width:160px}.header-search input{width:125px;min-width:0;border:0;background:none;color:#fff;font-size:11px;padding:8px 0}.header-search input::placeholder{color:#bec8ce}.header-search button{border:0;background:none;color:#fff;font-size:24px;cursor:pointer;padding:0 4px}.screen-reader-text,.skip-link:not(:focus){clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px;white-space:nowrap}.skip-link:focus{position:absolute;z-index:99;background:#fff;color:#111;padding:12px}.hero{position:relative;min-height:560px;background:var(--navy);color:#fff;overflow:hidden}.hero-image{position:absolute;width:76%;height:100%;right:0;top:0;object-fit:cover;object-position:center 38%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101f2d 5%,#101f2df5 23%,#101f2d9c 48%,#101f2d12 85%),linear-gradient(0deg,#101f2d65,transparent 60%)}.hero-inner{position:relative;min-height:560px;display:flex;align-items:center}.hero-copy{padding:60px 0 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;margin:0 0 22px;color:#d4c7b5;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:20px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(32px,3.8vw,50px);font-weight:600;letter-spacing:.06em;line-height:1.65;margin:0 0 22px}.hero-description{font-size:12px;line-height:2.4;color:#cad3d8;margin:0 0 30px}.button{display:inline-flex;background:var(--accent);color:#132431;padding:13px 24px;align-items:center;gap:36px;font-size:12px;font-weight:700}.button:hover{background:#f4b77d;color:#132431}.hero-caption{position:absolute;right:0;bottom:35px;font-size:12px;color:#f3f5f6;min-width:200px;padding:12px 0;border-top:1px solid #ffffff6b}.hero-caption span{font-size:8px;letter-spacing:1.4px;display:block;color:#ccd5dc;margin-bottom:5px}.hero-caption b{float:right;font-weight:400;font-size:18px}.archive-intro{display:flex;align-items:center;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.intro-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.archive-intro p{font-size:12px;margin:0}.archive-intro a{margin-left:auto;font-size:11px;font-weight:600}.archive-intro a span{margin-left:20px}.section{padding-top:70px;padding-bottom:74px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.eyebrow.dark{color:#64796f;font-size:9px;letter-spacing:2px;margin-bottom:8px}.section-heading h2,.section-heading h1{margin:0;font-size:26px;font-weight:600;letter-spacing:.04em;line-height:1.6}.section-heading h1{font-size:32px}.section-heading>p{font-size:11px;color:var(--muted);margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-card{height:300px;position:relative;overflow:hidden;background:#203a42;color:#fff}.topic-card>img{width:100%;height:100%;object-fit:cover;transition:transform .35s;filter:brightness(.85)}.topic-card:hover>img{transform:scale(1.04)}.topic-shade{position:absolute;inset:0;background:linear-gradient(0deg,#10202ee8,transparent 95%)}.topic-number{position:absolute;top:18px;left:20px;font-size:11px;color:#ecded0;letter-spacing:1px}.topic-copy{position:absolute;bottom:26px;left:24px;right:24px}.topic-copy>span{font-size:9px;letter-spacing:1.8px;color:#eed1ac}.topic-copy h3{font-size:23px;line-height:1.3;font-weight:600;margin:8px 0}.topic-copy p{font-size:10px;color:#d5dfe3;margin:0}.topic-arrow{position:absolute;bottom:25px;right:23px;font-size:20px;color:#fff}.topic-card:hover{color:#fff}.journal-section{background:var(--green);padding:65px 0 70px}.text-link{font-size:11px;font-weight:600;white-space:nowrap}.text-link>span{margin-left:20px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.entry-card{background:#fff;border:1px solid #e2e5de;min-width:0}.entry-link{display:flex;flex-direction:column;height:100%}.entry-link:hover{color:var(--ink)}.entry-image{aspect-ratio:16/10;overflow:hidden;background:#1d303d}.entry-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.entry-link:hover img{transform:scale(1.03)}.entry-copy{padding:23px;flex:1;display:flex;flex-direction:column}.entry-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:9px;color:var(--muted);letter-spacing:.04em}.entry-meta>span{color:#496a59}.entry-copy h3{font-size:17px;font-weight:600;line-height:1.7;margin:12px 0 10px;overflow-wrap:anywhere}.entry-copy p{font-size:11px;color:#6e787a;line-height:2;margin:0 0 20px;overflow-wrap:anywhere}.read-more{font-size:10px;margin-top:auto;color:#51665b}.read-more>span{float:right;font-size:15px}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.photo-tile{background:#203542;color:#fff;position:relative;aspect-ratio:4/3;overflow:hidden}.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-tile:hover img{transform:scale(1.04)}.photo-tile>span{position:absolute;bottom:0;left:0;right:0;padding:25px 15px 12px;background:linear-gradient(transparent,#0f1c27d9);font-size:10px}.photo-tile b{float:right;font-weight:400}.photo-tile:hover{color:#fff}.site-footer{background:var(--navy);color:#bdc9ce;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer .wordmark{font-size:29px}.site-footer p{font-size:9px;margin:10px 0 0}.site-footer nav{display:flex;gap:22px;font-size:10px}.site-footer small{font-size:9px;color:#899aa4}.listing{min-height:65vh}.listing .entry-grid{row-gap:28px}.pagination{margin-top:40px;text-align:center}.nav-links{display:flex;justify-content:center;gap:8px}.page-numbers{display:inline-block;padding:6px 14px;border:1px solid var(--line);font-size:12px}.page-numbers.current{background:var(--ink);color:#fff}.reading-wrap{max-width:920px;padding-top:38px;padding-bottom:70px;min-height:65vh}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:25px}.article-heading{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.article-heading .entry-meta{justify-content:flex-start;gap:20px;font-size:11px}.article-heading h1{font-size:clamp(25px,4vw,38px);line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}.article-content{font-size:15px;line-height:2;overflow-wrap:anywhere;min-height:100px}.article-content p{margin:0 0 1.4em}.article-content a{color:#286a80;text-decoration:underline;text-underline-offset:3px}.article-content img{max-width:100%;height:auto!important;vertical-align:middle}.article-content table{display:block;max-width:100%;overflow-x:auto}.article-content pre{max-width:100%;overflow:auto;padding:15px;background:#e8ede8}.article-content blockquote{margin:20px 0;border-left:3px solid #bdc8ba;padding:5px 20px;color:#54615e}.article-footer{margin-top:40px;padding:20px 0;border-top:1px solid var(--line);font-size:11px;color:#586e61}.comments-section{margin-top:45px;padding:26px;background:#eef0e8}.comments-section h2{font-size:20px;margin-top:0}.comment-list{padding-left:20px;font-size:13px}.comment-body{margin-bottom:24px;overflow-wrap:anywhere}.comment-meta,.comment-metadata{font-size:10px;color:var(--muted)}.post-navigation{display:flex;justify-content:space-between;gap:25px;margin-top:35px;font-size:12px}.post-navigation>a{max-width:48%}.empty-state{padding-top:70px;padding-bottom:90px;min-height:50vh}.empty-state h1{font-size:30px}.empty-state p{font-size:13px}.empty-state input[type=search]{border:1px solid #bcc7bd;padding:8px;max-width:100%}.empty-state input[type=submit]{background:var(--ink);color:#fff;border:0;padding:10px 20px}
@media(min-width:1450px){.hero,.hero-inner{min-height:620px}}
@media(max-width:1050px){.header-inner{gap:20px}.site-header nav{gap:18px}.header-search{display:none}.hero-image{width:90%}.hero h1{font-size:40px}.topic-copy h3{font-size:20px}.entry-copy{padding:18px}.footer-inner{flex-wrap:wrap}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header-inner{padding:21px 20px 15px;display:block}.wordmark{font-size:30px}.wordmark small{font-size:7px;margin-top:7px}.site-header nav{margin-top:23px;justify-content:space-between;gap:12px;font-size:11px}.site-header nav a{padding:0 0 2px}.hero,.hero-inner{min-height:570px}.hero-image{width:100%;object-position:62% center}.hero-shade{background:linear-gradient(90deg,#101f2df0,#101f2d50),linear-gradient(0deg,#101f2dd9,transparent 80%)}.hero-copy{padding:50px 0 115px}.hero h1{font-size:34px;line-height:1.7}.hero-description{font-size:11px}.hero-caption{bottom:22px;left:0;right:auto;min-width:180px}.hero-caption span{font-size:7px}.archive-intro{display:block;padding:20px 0}.archive-intro .intro-label{font-size:8px}.archive-intro p{font-size:11px;margin:4px 0}.archive-intro a{display:inline-block;font-size:10px;margin-top:6px}.section{padding-top:45px;padding-bottom:45px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.section-heading h2{font-size:23px}.section-heading h1{font-size:27px}.section-heading>p{display:none}.topic-grid{grid-template-columns:1fr;gap:14px}.topic-card{height:210px}.topic-card>img{object-position:center 45%}.topic-copy{bottom:22px}.topic-copy h3{font-size:23px}.topic-copy p{font-size:11px}.topic-arrow{bottom:22px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-copy{padding:15px}.entry-copy h3{font-size:14px}.entry-copy p{font-size:10px}.entry-meta{font-size:8px;gap:4px}.read-more{font-size:9px}.journal-section{padding:44px 0}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.text-link{font-size:9px;margin-top:12px}.text-link>span{margin-left:5px}.footer-inner{display:block}.site-footer nav{margin:28px 0 20px;flex-wrap:wrap;font-size:10px}.site-footer{padding:35px 0}.reading-wrap{padding-top:25px}.article-content{font-size:14px}.article-heading h1{font-size:25px}.comments-section{padding:18px}.post-navigation{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:720px){.header-search{display:flex;max-width:none;margin-top:18px}.header-search input{width:100%;flex:1;font-size:12px}.entry-grid{grid-template-columns:1fr;gap:15px}.entry-card.has-cover .entry-link{display:grid;grid-template-columns:110px minmax(0,1fr)}.entry-card .entry-copy{padding:18px}.entry-card .entry-image{height:100%;min-height:180px;aspect-ratio:auto}.entry-copy h3{font-size:16px}.entry-copy p{font-size:12px}.entry-meta{font-size:10px}.read-more{font-size:10px}.no-cover .entry-copy{min-height:180px}}

/* Legacy content uses isolated image alignment and inline emoticons. */
.article-content{display:flow-root}.article-content img[align="left"]{float:left;margin:.25rem 1.25rem 1rem 0}.article-content img[align="right"]{float:right;margin:.25rem 0 1rem 1.25rem}.article-content img[align="center"]{display:block;float:none;margin:1.2rem auto}.article-content img[width="15"],.comment-content img[width="15"]{display:inline-block;float:none;width:15px;height:auto!important;margin:0;vertical-align:text-bottom}
@media(max-width:720px){.article-content img[align="left"],.article-content img[align="right"]{max-width:100%;margin-right:.75rem}.comment-content{overflow-wrap:anywhere}}