/*
Theme Name: Agri Note
Theme URI: https://example.com/agri-note
Author: Media Dev Team
Description: 農業・フードテックを扱うアグリノートのテーマ。レイアウト「split-feature」／配色「#6b8e23」。プレスリリース転載にも適した汎用構造。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agri-note
Tags: blog, two-columns, magazine, custom-menu, featured-images, translation-ready
*/

:root{
  --c-primary:#6b8e23;
  --c-pdark:#4d6619;
  --c-accent:#c2762a;
  --c-text:#332f28;
  --c-muted:#8a8172;
  --c-border:#e5dbc6;
  --c-bg:#f3ede0;
  --c-surface:#fefcf5;
  --c-surface2:#eee6d5;
  --c-pale:rgba(107, 142, 35, 0.12);
  --c-accent-pale:rgba(194, 118, 42, 0.14);
  --c-onprimary:#ffffff;
  --c-shadow:rgba(107, 142, 35, 0.16);
  --c-gradient:linear-gradient(135deg,#6b8e23,#c2762a);
  --c-gradient-h:linear-gradient(90deg,#6b8e23,#c2762a);
  --radius:6px;
  --font:"Klee One", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  --font-head:"Klee One", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;overflow-x:clip;}
body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;font-feature-settings:"palt";overflow-x:clip;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--c-pdark);text-decoration:none;}
a:hover{opacity:.82;}
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{position:fixed;left:8px;top:8px;z-index:9999;background:var(--c-surface);padding:8px 16px;border-radius:6px;}

/* header */
.site-header{background:var(--c-header-bg,var(--c-surface));}
.site-header__inner{max-width:1140px;margin:0 auto;padding:22px 18px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.site-title{font-family:var(--font-head);font-size:1.5rem;font-weight:800;letter-spacing:.01em;line-height:1;}
.site-title a{display:inline-flex;align-items:center;color:var(--c-text);}
.site-logo{height:56px;width:auto;display:block;}
.site-desc{font-size:.76rem;color:var(--c-muted);letter-spacing:.04em;}
.footer-logo{height:48px;width:auto;display:block;border-radius:4px;}
.site-nav{background:var(--c-surface);border-bottom:1px solid var(--c-border);position:relative;z-index:50;}
.site-nav__inner{max-width:1140px;margin:0 auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:relative;}
.nav-toggle{display:none;background:none;border:1px solid var(--c-border);border-radius:6px;padding:8px 12px;font-family:inherit;font-size:.9rem;color:var(--c-text);cursor:pointer;margin:8px 0;}
.nav-menu ul{list-style:none;display:flex;flex-wrap:wrap;}
.nav-menu li a{display:block;padding:13px 16px;color:var(--c-text);font-size:.92rem;font-weight:600;}
.nav-menu li a:hover{color:var(--c-pdark);background:var(--c-pale);opacity:1;}
.site-header{border-bottom:1px solid var(--c-text);box-shadow:0 3px 0 var(--c-text);}
.chip{display:inline-block;font-size:.72rem;font-weight:700;color:var(--c-primary);letter-spacing:.04em;}.chip::before{content:'\2014\00a0';}

/* page header */
.page-header{max-width:1140px;margin:26px auto 4px;padding:0 18px;}
.page-title{font-family:var(--font-head);font-size:1.3rem;font-weight:800;padding-left:12px;border-left:5px solid var(--c-primary);}
.archive-description{font-size:.9rem;color:var(--c-muted);margin-top:6px;}

.noimg{display:block;width:100%;height:100%;min-height:140px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20250%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236b8e23%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b07a28%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22400%22%20height%3D%22250%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Ccircle%20cx%3D%22358%22%20cy%3D%22-24%22%20r%3D%22130%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.07%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%22262%22%20r%3D%22100%22%20fill%3D%22%23000000%22%20opacity%3D%220.09%22%2F%3E%3Cg%20transform%3D%22translate%28164%2C68%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M12%2C20.5%20L12%2C11%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.92%29%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2C11%20Q6%2C10.4%204.8%2C4.6%20Q10.8%2C5%2012%2C11%20Z%22%20fill%3D%22rgba%28255%2C255%2C255%2C0.92%29%22%2F%3E%3Cpath%20d%3D%22M12%2C11%20Q18%2C10.4%2019.2%2C4.6%20Q13.2%2C5%2012%2C11%20Z%22%20fill%3D%22rgba%28255%2C255%2C255%2C0.55%29%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22200%22%20y%3D%22198%22%20text-anchor%3D%22middle%22%20font-family%3D%22Helvetica%2CArial%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22700%22%20letter-spacing%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.85%22%3EAGRI%20NOTE%3C%2Ftext%3E%3C%2Fsvg%3E") center/cover no-repeat;}

/* single */
.single-wrap{max-width:820px;margin:30px auto 56px;padding:0 18px;}
.breadcrumb{font-size:.78rem;color:var(--c-muted);margin-bottom:14px;}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;}
.breadcrumb li{display:flex;align-items:center;}
.breadcrumb li+li::before{content:'›';margin:0 8px;opacity:.45;}
.breadcrumb a{color:var(--c-muted);}
.breadcrumb a:hover{color:var(--c-pdark);opacity:1;}
.breadcrumb [aria-current="page"]{color:var(--c-text);}
.article{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:34px 38px;}
.article__cat{font-size:.76rem;font-weight:700;color:var(--c-pdark);}
.article__title{font-family:var(--font-head);font-size:1.85rem;font-weight:800;line-height:1.4;margin:8px 0;}
.article__meta{font-size:.82rem;color:var(--c-muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.article__thumb{margin:22px 0;line-height:0;}
.article__thumb img{border-radius:var(--radius);width:100%;}
.article__thumb .noimg{aspect-ratio:16/9;min-height:0;border-radius:var(--radius);}
.entry-content{font-size:1rem;}
.entry-content>*+*{margin-top:1.4em;}
.entry-content h2{font-family:var(--font-head);font-size:1.4rem;padding:10px 14px;background:var(--c-pale);border-left:5px solid var(--c-primary);border-radius:4px;line-height:1.5;}
.entry-content h3{font-family:var(--font-head);font-size:1.18rem;padding-bottom:8px;border-bottom:2px solid var(--c-primary);line-height:1.5;}
.entry-content h4{font-size:1.05rem;}
.entry-content ul,.entry-content ol{padding-left:1.6em;}
.entry-content blockquote{border-left:4px solid var(--c-primary);padding:12px 20px;background:var(--c-surface2);color:var(--c-muted);border-radius:4px;}
.entry-content img{border-radius:var(--radius);}
.entry-content a{color:var(--c-pdark);text-decoration:underline;}
.entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.entry-content th,.entry-content td{border:1px solid var(--c-border);padding:10px 14px;font-size:.9rem;}
.entry-content th{background:var(--c-pale);}
.entry-content code{background:var(--c-surface2);padding:2px 6px;border-radius:4px;font-size:.9em;}
.wp-block-image figcaption{font-size:.8rem;color:var(--c-muted);text-align:center;}
.article__footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--c-border);}
.article__tags a{display:inline-block;font-size:.76rem;color:var(--c-muted);border:1px solid var(--c-border);border-radius:999px;padding:3px 12px;margin:0 6px 6px 0;}
.article__share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;}
.article__share-label{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:var(--c-muted);margin-right:4px;}
.share-btn{display:inline-block;font-size:.78rem;font-weight:700;color:#fff;border-radius:6px;padding:6px 16px;line-height:1.4;transition:opacity .2s,transform .2s;}
.share-btn:hover{opacity:.85;transform:translateY(-1px);}
.share-btn--x{background:#0f1419;}
.share-btn--fb{background:#1877f2;}
.share-btn--line{background:#06c755;}
.share-btn--hatena{background:#00a4de;}
.related-posts{margin-top:36px;}
.related-posts__title{font-family:var(--font-head);font-size:1.15rem;font-weight:800;margin-bottom:16px;padding-left:12px;border-left:5px solid var(--c-primary);}
.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rcard{display:flex;flex-direction:column;gap:8px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;padding-bottom:14px;transition:box-shadow .25s,transform .25s;}
.rcard:hover{box-shadow:0 10px 24px var(--c-shadow);transform:translateY(-2px);opacity:1;}
.rcard__thumb{display:block;line-height:0;}
.rcard__thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.rcard__thumb .noimg{aspect-ratio:16/10;min-height:0;}
.rcard__title{font-size:.9rem;font-weight:700;line-height:1.5;color:var(--c-text);padding:0 14px;}
.rcard__date{font-size:.72rem;color:var(--c-muted);padding:0 14px;margin-top:auto;}
@media(max-width:640px){.related-posts__grid{grid-template-columns:1fr;}}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;}
.post-nav a{display:block;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:13px 16px;font-size:.85rem;color:var(--c-text);}
.post-nav .nav-label{display:block;font-size:.72rem;color:var(--c-pdark);font-weight:700;}
.post-nav .nav-next{text-align:right;}

/* search / pagination */
.search-form{display:flex;gap:8px;}
.search-form .search-field{flex:1;min-width:0;border:1px solid var(--c-border);border-radius:6px;padding:9px 12px;font-family:inherit;font-size:.9rem;background:var(--c-surface);color:var(--c-text);}
.search-form .search-submit{border:none;background:var(--c-primary);color:var(--c-onprimary);border-radius:6px;padding:9px 16px;font-family:inherit;font-size:.88rem;cursor:pointer;}
.pagination{max-width:1140px;margin:34px auto 0;padding:0 18px;text-align:center;}
.pagination .nav-links{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center;}
.pagination .page-numbers{display:inline-block;min-width:40px;padding:8px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;font-size:.88rem;color:var(--c-text);}
.pagination a.page-numbers:hover{border-color:var(--c-primary);color:var(--c-pdark);opacity:1;}
.pagination .page-numbers.current{background:var(--c-primary);color:var(--c-onprimary);border-color:var(--c-primary);}

/* access ranking */
.access-ranking-wrap{max-width:1140px;margin:36px auto 0;padding:0 18px;}
.access-ranking{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:24px 22px;}
.access-ranking__title{font-family:var(--font-head);font-size:1.15rem;font-weight:800;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--c-primary);}
.access-ranking__list{list-style:none;}
.access-ranking__item{display:grid;grid-template-columns:32px 76px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--c-border);}
.access-ranking__item:last-child{border-bottom:none;}
.access-ranking__num{font-family:var(--font-head);font-weight:800;color:var(--c-primary);font-size:1rem;text-align:center;}
.access-ranking__thumb{display:block;border-radius:6px;overflow:hidden;line-height:0;}
.access-ranking__thumb img{width:76px;height:57px;object-fit:cover;display:block;}
.access-ranking__thumb .noimg{width:76px;height:57px;min-height:57px;font-size:1rem;}
.access-ranking__body{display:flex;flex-direction:column;gap:4px;min-width:0;}
.access-ranking__link{color:var(--c-text);font-size:.9rem;line-height:1.5;font-weight:600;}
.access-ranking__link:hover{color:var(--c-pdark);opacity:1;}
.access-ranking__pv{font-size:.72rem;color:var(--c-muted);}
.access-ranking--compact{margin-bottom:20px;padding:18px;}
.access-ranking--compact .access-ranking__item{grid-template-columns:24px 64px minmax(0,1fr);gap:10px;}
.access-ranking--compact .access-ranking__thumb img,.access-ranking--compact .access-ranking__thumb .noimg{width:64px;height:48px;min-height:48px;}

/* footer */
.site-footer{background:#3b4020;color:#cdc3b1;margin-top:56px;}
.site-footer__inner{max-width:1140px;margin:0 auto;padding:44px 18px 0;}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;padding-bottom:34px;}
.footer-brand__name{font-family:var(--font-head);font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.04em;}
.footer-brand__name a{color:inherit;}
.footer-brand__tagline{font-size:.82rem;margin-top:6px;opacity:.85;}
.footer-brand__desc{font-size:.8rem;line-height:1.9;margin-top:14px;opacity:.7;}
.footer-col__title{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.9;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.14);}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.footer-col a{color:#cdc3b1;font-size:.85rem;}
.footer-col a:hover{color:#fff;opacity:1;}
.footer-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 24px;}
.footer-nav a{color:#cdc3b1;font-size:.85rem;}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.copyright{font-size:.78rem;opacity:.75;}
.footer-totop{font-size:.78rem;color:#cdc3b1;opacity:.75;}
.footer-totop:hover{color:#fff;opacity:1;}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr;gap:26px;padding-bottom:26px;}}

/* 404 */
.error-page{max-width:720px;margin:40px auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:48px 32px;text-align:center;}
.error-code{font-family:var(--font-head);font-size:3.4rem;font-weight:800;color:var(--c-primary);}

/* responsive */
@media(max-width:960px){ .layout-2col{grid-template-columns:1fr!important;} }
@media(max-width:720px){
  body{font-size:15px;}
  .site-header__inner{padding:16px 14px 12px;gap:10px;}
  .site-title{font-size:1.15rem;max-width:100%;}
  .site-logo{height:44px;width:auto;}
  .site-desc{width:100%;font-size:.7rem;line-height:1.5;}
  .nav-toggle{display:inline-block;}
  .site-nav__inner{flex-wrap:wrap;padding:0 14px;}
  .nav-menu{display:none;width:100%;order:3;}
  .nav-menu.is-open{display:block;padding-bottom:8px;}
  .nav-menu ul{flex-direction:column;}
  .nav-menu li a{padding:11px 8px;border-bottom:1px solid var(--c-border);}
  .page-header{margin-top:18px;padding:0 14px;}
  .page-title{font-size:1.1rem;}
  .container,.layout-2col,.single-wrap,.split,.access-ranking-wrap{padding-left:14px;padding-right:14px;}
  .article{padding:22px 16px;}
  .article__title{font-size:1.45rem;word-break:break-word;}
  .post-nav{grid-template-columns:1fr;}
  .grid-3,.grid-2,.mosaic,.hero-grid,.split{grid-template-columns:1fr!important;}
  .hero{min-height:240px;}
  .hero__title{font-size:1.45rem;}
  .hero__body{padding:20px 18px;}
  .feature{min-height:260px;}
  .feature__body{max-width:100%;padding:22px 18px;}
  .feature__title{font-size:1.45rem;}
  .np-lead__title{font-size:1.15rem;}
  .eitem__title{font-size:1.2rem;}
  .bigcard__title{font-size:1.25rem;}
  .bigcard__body{padding:16px 18px;}
  .ocard{min-height:220px;}
  .access-ranking{padding:18px 14px;}
  .access-ranking__item{grid-template-columns:28px 64px minmax(0,1fr);gap:8px;}
  .widget{padding:16px;}
  .widget-postlist li{grid-template-columns:72px 1fr;}
}
@media(max-width:480px){
  .site-title{font-size:1.05rem;}
  .site-logo{height:40px;}
  .footer-logo{height:40px;}
  .mosaic{gap:12px;}
  .grid-3,.grid-2{gap:14px;}
  .breadcrumb{font-size:.7rem;}
  .error-page{padding:32px 18px;margin:24px 14px;}
}

.pcard__thumb{overflow:hidden;display:block;}
.pcard__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.pcard:hover .pcard__thumb img{transform:scale(1.05);}
.pcard__body{padding:14px 16px;display:flex;flex-direction:column;gap:8px;}
.pcard__title{font-family:var(--font-head);font-size:1.02rem;font-weight:700;line-height:1.5;}
.pcard__title a{color:var(--c-text);}
.pcard__title a:hover{color:var(--c-pdark);opacity:1;}
.pcard__ex{font-size:.82rem;color:var(--c-muted);}
.pcard__meta{margin-top:auto;font-size:.75rem;color:var(--c-muted);}
.split{max-width:1140px;margin:22px auto 0;padding:0 18px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:34px;}
.split__main{display:grid;gap:22px;}
.bigcard{display:block;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;}
.bigcard__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.bigcard__body{padding:20px 24px;}
.bigcard__title{font-family:var(--font-head);font-size:1.5rem;font-weight:800;line-height:1.4;margin:10px 0;}
.bigcard__title a{color:var(--c-text);}
.bigcard__ex{font-size:.88rem;color:var(--c-muted);}
.stream{display:grid;gap:14px;align-content:start;}
.stream__head{font-family:var(--font-head);font-size:1rem;font-weight:800;padding-bottom:10px;border-bottom:2px solid var(--c-primary);}
.srow{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px dashed var(--c-border);}
.srow img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;}
.srow__title{font-size:.86rem;font-weight:600;line-height:1.5;}
.srow__title a{color:var(--c-text);}
.srow__meta{font-size:.72rem;color:var(--c-muted);margin-top:4px;}
@media(max-width:820px){.split{grid-template-columns:1fr;}}


/* === personality: agri-note / split-feature / rule / bracket === */
body{background:linear-gradient(180deg,#efe3d1 0%,var(--c-bg) 280px);}
.page-title{border-left:none;padding-left:0;border-bottom:2px solid var(--c-primary);box-shadow:0 3px 0 var(--c-accent);padding-bottom:6px;display:inline-block;}
.nav-menu li a:hover{color:var(--c-accent);}
.site-desc{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600;}
.article{box-shadow:0 4px 24px var(--c-shadow);}
.entry-content h2{border-left:none;padding-left:0;}.entry-content h2::before{content:'\2014\00a0';color:var(--c-accent);}
.pagination .page-numbers.current{background:var(--c-gradient-h);border-color:transparent;}
.site-footer{position:relative;}.site-footer::before{content:'';display:block;height:3px;background:var(--c-gradient-h);}
.access-ranking__title{border-bottom-color:var(--c-accent);}.access-ranking__num{color:var(--c-accent);}.widget-title{border-bottom-color:var(--c-accent);}
::selection{background:rgba(107, 142, 35, 0.28);color:var(--c-text);}
.stream__head{color:var(--c-accent);border-bottom-color:var(--c-accent);}


/* === original design: agri-note === */

.site-header{border-bottom:3px solid var(--c-primary);}
.bigcard,.widget,.article{border-radius:4px;}
.chip{background:var(--c-primary);color:#fff;border-radius:3px 12px 3px 12px;}
.stream__head{border-bottom-style:dashed;}
.entry-content h2{background:var(--c-pale);border-left:8px solid var(--c-primary);border-radius:0 8px 8px 0;}


/* === mobile final overrides === */
.layout-2col>*,.grid-3>*,.grid-2>*,.mosaic>*,.split>*,.post-list>*,#main,.site-main{min-width:0;}
@media(max-width:720px){
  .np-headlines{padding:4px 14px;}
  .np-headlines a{font-size:.88rem;word-break:break-word;}
  .np-headlines li{align-items:flex-start;flex-wrap:wrap;}
  .srow{grid-template-columns:72px minmax(0,1fr);}
  .stream{margin-top:8px;}
  .mentry{padding:20px 0;}
  .footer-nav ul{gap:8px 16px;}
}

:root{--c-header-bg:#fefcf5;}