/*
Theme Name: Prisa Business
Theme URI: https://example.com/prisa-business
Author: Media Dev Team
Description: ビジネス・経済を扱うプライザビジネスのテーマ。青ベースのビジネスニュースメディアデザイン。リード記事＋ヘッドラインリスト＋ランキングサイドバー構成。プレスリリース転載にも適した汎用構造。
Version: 2.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: mode-press
Tags: blog, news, two-columns, right-sidebar, custom-menu, featured-images, translation-ready
*/

:root{
  --c-primary:#1256a8;
  --c-pdark:#0d3d7a;
  --c-navy:#0b1f3d;
  --c-accent:#2f7de1;
  --c-text:#1b2733;
  --c-muted:#64707d;
  --c-border:#dfe5ec;
  --c-bg:#f4f6f9;
  --c-surface:#ffffff;
  --c-surface2:#eef2f7;
  --c-pale:rgba(18, 86, 168, 0.08);
  --c-accent-pale:rgba(47, 125, 225, 0.12);
  --c-onprimary:#ffffff;
  --c-shadow:rgba(11, 31, 61, 0.14);
  --c-gradient:linear-gradient(135deg,#0b1f3d,#1256a8);
  --c-gradient-h:linear-gradient(90deg,#1256a8,#2f7de1);
  --radius:6px;
  --font:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-head:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", 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-navy);border-bottom:3px solid var(--c-primary);}
.site-header__inner{max-width:1160px;margin:0 auto;padding:18px 18px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.site-header__brand{display:flex;flex-direction:row;align-items:center;gap:16px;min-width:0;flex-wrap:wrap;}
.site-title{font-family:var(--font-head);font-size:1.6rem;font-weight:900;letter-spacing:.06em;line-height:1;flex-shrink:0;}
.site-title a{display:inline-flex;align-items:center;color:#ffffff;}
.site-logo{height:60px;width:auto;max-width:min(320px,72vw);display:block;object-fit:contain;}
.site-desc{font-size:.84rem;color:#9db4d4;letter-spacing:.06em;line-height:1.5;margin:0;padding-left:16px;border-left:1px solid rgba(157,180,212,.35);white-space:nowrap;}
.site-header__search{display:flex;align-items:center;margin-left:auto;}
.site-header__search .search-form{min-width:260px;}
.site-header__search .search-field{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff;}
.site-header__search .search-field::placeholder{color:#9db4d4;}
.site-header__search .search-submit{background:var(--c-accent);}
.site-nav{background:var(--c-surface);border-bottom:1px solid var(--c-border);position:relative;z-index:50;box-shadow:0 2px 6px rgba(11,31,61,.05);}
.site-nav__inner{max-width:1160px;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:14px 18px;color:var(--c-text);font-size:.92rem;font-weight:700;border-bottom:3px solid transparent;}
.nav-menu li a:hover{color:var(--c-primary);border-bottom-color:var(--c-primary);background:var(--c-pale);opacity:1;}
.chip{display:inline-block;font-size:.7rem;font-weight:700;color:#fff;background:var(--c-primary);padding:2px 10px;border-radius:3px;letter-spacing:.05em;}

/* page header */
.page-header{max-width:1160px;margin:26px auto 4px;padding:0 18px;}
.page-title{font-family:var(--font-head);font-size:1.35rem;font-weight:800;padding-left:14px;border-left:5px solid var(--c-primary);}
.archive-description{font-size:.9rem;color:var(--c-muted);margin-top:6px;}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.section-head .page-title{margin:0;}
.more-link{font-size:.88rem;font-weight:700;color:var(--c-primary);white-space:nowrap;}
.more-link:hover{color:var(--c-pdark);opacity:1;text-decoration:underline;}
.more-link-wrap{margin-top:22px;text-align:center;}
.more-link--block{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:12px 28px;border:1px solid var(--c-primary);border-radius:var(--radius);background:var(--c-surface);}
.more-link--block:hover{background:var(--c-pale);text-decoration:none;}

.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%230b1f3d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231256a8%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%22M4%2C16%20L4%2C9%20L9%2C9%20L9%2C16%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.92%29%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M9.5%2C16%20L9.5%2C5%20L14.5%2C5%20L14.5%2C16%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.92%29%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M15%2C16%20L15%2C7%20L20%2C7%20L20%2C16%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.92%29%22%20stroke-width%3D%221.7%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2216%22%20width%3D%2218%22%20height%3D%221.6%22%20rx%3D%220.8%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%2214%22%20font-weight%3D%22700%22%20letter-spacing%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.85%22%3EPRISA%20BUSINESS%3C%2Ftext%3E%3C%2Fsvg%3E") center/cover no-repeat;}

/* layout */
.container{max-width:1160px;margin:20px auto 0;padding:0 18px;}
.layout-2col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;}
.layout-2col>*,#main,.site-main{min-width:0;}

/* lead story */
.lead-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;margin-bottom:26px;transition:box-shadow .25s;}
.lead-story:hover{box-shadow:0 12px 28px var(--c-shadow);}
.lead-story__thumb{display:block;line-height:0;}
.lead-story__thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;}
.lead-story__thumb .noimg{aspect-ratio:16/10;min-height:0;height:100%;}
.lead-story__body{padding:26px 28px;display:flex;flex-direction:column;gap:12px;}
.lead-story__title{font-family:var(--font-head);font-size:1.5rem;font-weight:800;line-height:1.45;}
.lead-story__title a{color:var(--c-text);}
.lead-story__title a:hover{color:var(--c-primary);opacity:1;}
.lead-story__ex{font-size:.9rem;color:var(--c-muted);}

/* section title */
.section-title{font-family:var(--font-head);font-size:1.1rem;font-weight:800;margin-bottom:16px;padding-left:14px;border-left:5px solid var(--c-primary);}

/* story list (horizontal cards) */
.story-list{display:flex;flex-direction:column;gap:14px;}
.story{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .25s,transform .25s;}
.story:hover{box-shadow:0 8px 20px var(--c-shadow);transform:translateY(-1px);}
.story__thumb{display:block;line-height:0;overflow:hidden;}
.story__thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;transition:transform .4s ease;}
.story:hover .story__thumb img{transform:scale(1.04);}
.story__thumb .noimg{aspect-ratio:16/10;min-height:0;height:100%;}
.story__body{padding:16px 20px;display:flex;flex-direction:column;gap:8px;}
.story__title{font-family:var(--font-head);font-size:1.05rem;font-weight:700;line-height:1.55;}
.story__title a{color:var(--c-text);}
.story__title a:hover{color:var(--c-primary);opacity:1;}
.story__ex{font-size:.84rem;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* sidebar */
.sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:20px;}
.widget{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:20px;}
.widget-title{font-family:var(--font-head);font-size:1rem;font-weight:800;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--c-primary);}
.widget-cats ul{list-style:none;}
.widget-cats li{border-bottom:1px solid var(--c-border);}
.widget-cats li:last-child{border-bottom:none;}
.widget-cats a{display:block;padding:10px 2px;font-size:.9rem;color:var(--c-text);font-weight:600;}
.widget-cats a::before{content:'▶';font-size:.6rem;color:var(--c-primary);margin-right:8px;vertical-align:1px;}
.widget-cats a:hover{color:var(--c-primary);opacity:1;}

/* single */
.single-wrap{max-width:860px;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-top:4px solid var(--c-primary);border-radius:var(--radius);padding:34px 38px;}
.article__title{font-family:var(--font-head);font-size:1.8rem;font-weight:800;line-height:1.45;margin:0 0 8px;}
.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.35rem;padding:10px 16px;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.15rem;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-primary);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;}
@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-primary);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{margin:34px auto 0;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:1160px;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:1rem;font-weight:800;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--c-primary);}
.access-ranking__list{list-style:none;counter-reset:rank;}
.access-ranking__item{display:grid;grid-template-columns:28px 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:#fff;background:var(--c-primary);font-size:.82rem;text-align:center;width:24px;height:24px;line-height:24px;border-radius:4px;}
.access-ranking__item:nth-child(1) .access-ranking__num{background:var(--c-navy);}
.access-ranking__item:nth-child(2) .access-ranking__num{background:#3a6db5;}
.access-ranking__item:nth-child(3) .access-ranking__num{background:#6f93c4;}
.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:.88rem;line-height:1.5;font-weight:600;}
.access-ranking__link:hover{color:var(--c-primary);opacity:1;}
.access-ranking--compact{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:var(--c-navy);color:#9db4d4;margin-top:56px;}
.site-footer::before{content:'';display:block;height:3px;background:var(--c-gradient-h);}
.site-footer__inner{max-width:1160px;margin:0 auto;padding:44px 18px 0;}
.footer-grid{display:block;padding-bottom:34px;}
.footer-brand{max-width:560px;}
.footer-brand__name{font-family:var(--font-head);font-size:1.3rem;font-weight:900;color:#fff;letter-spacing:.06em;line-height:0;}
.footer-brand__name a{color:inherit;display:inline-flex;align-items:center;}
.footer-logo{height:48px;width:auto;max-width:min(260px,80vw);display:block;object-fit:contain;}
.footer-brand__tagline{font-size:.82rem;margin-top:10px;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:#9db4d4;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:#9db4d4;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:#9db4d4;opacity:.75;}
.footer-totop:hover{color:#fff;opacity:1;}
@media(max-width:820px){.footer-grid{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);}

::selection{background:rgba(18, 86, 168, 0.25);color:var(--c-text);}

/* responsive */
@media(max-width:960px){
  .layout-2col{grid-template-columns:1fr!important;}
  .sidebar{position:static;}
}
@media(max-width:720px){
  body{font-size:15px;}
  .site-header__inner{padding:14px 14px 12px;gap:12px;}
  .site-title{font-size:1.25rem;max-width:100%;}
  .site-logo{height:48px;width:auto;max-width:min(250px,74vw);}
  .site-desc{font-size:.72rem;line-height:1.4;padding-left:12px;white-space:normal;}
  .site-header__search{width:100%;}
  .site-header__search .search-form{min-width:0;width:100%;}
  .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,.access-ranking-wrap{padding-left:14px;padding-right:14px;}
  .lead-story{grid-template-columns:1fr;}
  .lead-story__body{padding:18px 18px 20px;}
  .lead-story__title{font-size:1.2rem;}
  .story{grid-template-columns:120px minmax(0,1fr);}
  .story__body{padding:10px 14px;}
  .story__title{font-size:.92rem;}
  .story__ex{display:none;}
  .article{padding:22px 16px;}
  .article__title{font-size:1.45rem;word-break:break-word;}
  .post-nav{grid-template-columns:1fr;}
  .access-ranking{padding:18px 14px;}
  .access-ranking__item{grid-template-columns:28px 64px minmax(0,1fr);gap:8px;}
  .widget{padding:16px;}
  .footer-nav ul{gap:8px 16px;}
}
@media(max-width:480px){
  .site-title{font-size:1.15rem;}
  .site-logo{height:42px;max-width:min(230px,72vw);}
  .breadcrumb{font-size:.7rem;}
  .error-page{padding:32px 18px;margin:24px 14px;}
}