/* HASHILO-SITE-SYSTEM/v1.0.2 */
body.hashilo-site-system-page{margin:0!important;background:#fff!important;color:var(--hfs-ink)!important}
.hss-main{min-height:52vh;background:#fff}
.hss-hero{padding:62px 0 42px;border-bottom:1px solid var(--hfs-line);background:linear-gradient(180deg,#fff,var(--hfs-soft))}
.hss-hero h1{max-width:920px;margin:0 0 16px!important;font-size:clamp(42px,5.2vw,70px)!important;line-height:1!important;letter-spacing:-.035em!important}
.hss-dek{max-width:760px;margin:0!important;color:var(--hfs-muted)!important;font-size:17px!important;line-height:1.75!important}
.hss-count{margin:17px 0 0!important;color:var(--hfs-accent)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}
.hss-crumb{display:flex;gap:9px;align-items:center;margin:0 0 26px;color:var(--hfs-muted);font-size:12px;font-weight:700}
.hss-crumb a{color:var(--hfs-accent)}
.hss-content-section{padding:58px 0 76px;background:#fff}
.hss-list{display:grid;gap:18px;max-width:1080px;margin:0 auto}
.hss-list-card{display:grid;grid-template-columns:minmax(260px,35%) minmax(0,1fr);min-height:230px;overflow:hidden;border:1px solid var(--hfs-line);border-radius:var(--hfs-radius);background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s}
.hss-list-card:hover,.hss-list-card:focus-visible{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.075);border-color:color-mix(in srgb,var(--hfs-accent) 38%,var(--hfs-line))}
.hss-list-card__media{display:block;min-height:100%;background:var(--hfs-soft);overflow:hidden}
.hss-list-card__media img{width:100%;height:100%;min-height:230px;object-fit:cover}
.hss-list-card__body{display:flex;flex-direction:column;gap:10px;padding:28px 30px}
.hss-list-card__meta{display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--hfs-muted)}
.hss-list-card__meta small{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--hfs-accent)}
.hss-list-card__meta time{font-size:11px;white-space:nowrap}
.hss-list-card__body strong{font-family:var(--hfs-serif);font-size:clamp(25px,2.6vw,34px);line-height:1.08;letter-spacing:-.02em}
.hss-list-card__excerpt{color:var(--hfs-muted);font-size:14px;line-height:1.7}
.hss-list-card__body em{margin-top:auto;color:var(--hfs-accent);font-size:13px;font-style:normal;font-weight:850}
.hss-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:36px auto 0}
.hss-pagination span>a,.hss-pagination span>span{display:grid;place-items:center;min-width:42px;min-height:42px;padding:0 12px;border:1px solid var(--hfs-line);border-radius:999px;background:#fff;color:var(--hfs-ink);font-size:13px;font-weight:800}
.hss-pagination .current{background:var(--hfs-accent)!important;border-color:var(--hfs-accent)!important;color:#fff!important}
.hss-search-wide{max-width:760px;margin:0 auto 30px;border-radius:14px}
.hss-search-wide input{flex:1;width:auto!important;padding:14px 16px!important}
.hss-search-wide button{padding-inline:22px!important}
.hss-empty{max-width:780px;margin:0 auto;padding:34px;border:1px solid var(--hfs-line);border-radius:var(--hfs-radius);background:var(--hfs-soft);text-align:center}
.hss-empty h2{margin:0 0 12px!important;font-size:34px!important}
.hss-empty p{margin:0 0 22px!important;color:var(--hfs-muted)!important}
.hss-empty__search{max-width:560px;margin:0 auto 18px;border-radius:14px}.hss-empty__search input{flex:1;width:auto!important}
.hss-discover{padding:60px 0 72px;background:var(--hfs-soft);border-top:1px solid var(--hfs-line)}
.hss-discover__head{margin-bottom:24px}.hss-discover__head h2{margin:0!important;font-size:clamp(30px,3.5vw,44px)!important;line-height:1.05!important}
.hss-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hss-topic-card{position:relative;display:flex;flex-direction:column;min-height:142px;padding:21px 44px 21px 21px;border:1px solid var(--hfs-line);border-radius:15px;background:#fff}
.hss-topic-card strong{font-family:var(--hfs-serif);font-size:20px;line-height:1.12}.hss-topic-card span{margin-top:8px;color:var(--hfs-muted);font-size:12px;line-height:1.5}.hss-topic-card b{position:absolute;right:20px;top:20px;color:var(--hfs-accent);font-size:19px}
.hss-prose{max-width:880px;margin:0 auto;color:#34404b;font-size:17px;line-height:1.82}
.hss-prose>:first-child{margin-top:0!important}.hss-prose>:last-child{margin-bottom:0!important}
.hss-prose h2{margin:52px 0 18px!important;font-size:clamp(28px,3.5vw,40px)!important;line-height:1.12!important}.hss-prose h3{margin:36px 0 14px!important;font-size:25px!important;line-height:1.2!important}
.hss-prose p,.hss-prose ul,.hss-prose ol{margin:0 0 1.35em}.hss-prose a{color:var(--hfs-accent);text-decoration:underline;text-underline-offset:.16em}.hss-prose img{height:auto;border-radius:14px}.hss-prose table{width:100%;border-collapse:collapse;margin:28px 0}.hss-prose th,.hss-prose td{padding:12px 14px;border:1px solid var(--hfs-line);text-align:left}.hss-prose th{background:var(--hfs-soft)}
@media(max-width:900px){.hss-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hss-list-card{grid-template-columns:minmax(210px,38%) 1fr}.hss-list-card__body{padding:24px}}
@media(max-width:720px){.hss-hero{padding:38px 0 30px}.hss-hero h1{font-size:clamp(38px,11vw,54px)!important}.hss-content-section{padding:36px 0 54px}.hss-list-card{grid-template-columns:1fr;min-height:0}.hss-list-card__media{aspect-ratio:16/9}.hss-list-card__media img{min-height:0;aspect-ratio:16/9}.hss-list-card__body{padding:21px}.hss-list-card__body strong{font-size:27px}.hss-topic-grid{grid-template-columns:1fr}.hss-prose{font-size:16px}.hss-discover{padding:46px 0 54px}}
@media print{.hfs-header,.hfs-footer,.hfs-network,.hss-discover,.hfs-skip,.hss-pagination,.hss-search-wide{display:none!important}.hss-hero{padding:0 0 12mm;background:#fff}.hss-content-section{padding:0}.hss-list-card{break-inside:avoid;box-shadow:none}.hss-prose{max-width:none;font-size:10.5pt}}

/* HSS v1.0.2 — suppress legacy Cocoon chrome on owned internal surfaces only.
   The accepted HFS header/footer remain visible; WordPress admin bar is untouched. */
body.hashilo-site-system-page #header-container,
body.hashilo-site-system-page #navi,
body.hashilo-site-system-page #footer,
body.hashilo-site-system-page .footer-bottom,
body.hashilo-site-system-page .mobile-header-menu-buttons,
body.hashilo-site-system-page .mobile-footer-menu-buttons,
body.hashilo-site-system-page #go-to-top,
body.hashilo-site-system-page #sidebar,
body.hashilo-site-system-page .sidebar{display:none!important}