:root{--green:#5f7a3d;--green-l:#7fa05a;--green-bg:#e3ecd6;--orange:#a15c2c;--ink:#2a2b22;--mid:#5f6555;--muted:#7d8271;--bg:#f6f7f2;--paper:#fff;--border:#e2e6d9;--ff:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--ff);-webkit-font-smoothing:antialiased;width:100vw;max-width:100%;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--ff);background:0 0;border:none}textarea,input,select{font-family:var(--ff)}.sec-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sec-title{font-size:18px;font-weight:inherit;letter-spacing:.08em;color:var(--ink);align-items:center;gap:8px;display:flex}.sec-title:before{content:"";background:var(--green);border-radius:2px;flex-shrink:0;width:3px;height:17px}.sec-more{color:var(--green-l);letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:12px;transition:color .15s}.sec-more:after{content:" →"}.sec-more:hover{color:var(--green)}.share-btn{transition:opacity .15s,transform .15s}.share-btn:hover{opacity:.9;transform:translateY(-1px)}.c-tags{flex-wrap:wrap;gap:4px;display:flex}.c-tag{color:var(--green);background:var(--green-bg);border-radius:8px;padding:2px 7px;font-size:10px}.bc{max-width:1100px;color:var(--mid);letter-spacing:.08em;flex-wrap:wrap;gap:6px;margin:0 auto 16px;padding:20px 24px 0;font-size:12px;display:flex}.bc a{color:inherit}.page-shell{gap:36px;max-width:1100px;margin:0 auto;padding:0 24px 80px;display:grid}.page-shell.with-sidebar{grid-template-columns:1fr 260px}.page-shell-sidebar{flex-direction:column;gap:16px;display:flex}@media (max-width:1024px){.page-shell{padding:0 20px 72px;grid-template-columns:1fr!important;gap:24px!important}.page-shell.with-sidebar{grid-template-columns:1fr!important}}@media (max-width:768px){.page-shell{padding:0 16px 64px;gap:20px!important}}.tile-grid{grid-template-columns:repeat(3,1fr)}.section-grid{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:repeat(3,1fr)}.feature-card{grid-template-columns:180px 1fr}@media (max-width:1024px){.tile-grid,.section-grid{grid-template-columns:1fr!important}.card-grid{grid-template-columns:repeat(2,1fr)!important}.feature-card{grid-template-columns:1fr!important}}@media (max-width:480px){.card-grid{grid-template-columns:1fr!important}}.hero-inner{grid-template-columns:1fr 380px!important}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr!important;gap:32px!important}}@media (max-width:768px){.hero-inner{padding:0 20px!important}}@media (max-width:600px){.hero-inner{gap:28px!important}}.wrap{grid-template-columns:1fr 260px!important;gap:40px!important}@media (max-width:1024px){.wrap{grid-template-columns:1fr!important;gap:24px!important}}@media (max-width:768px){.wrap{gap:20px!important}}.wrap>main,.wrap>aside{width:100%;min-width:0;overflow-x:hidden}@media (max-width:1024px){[style*="maxWidth: 1100"]{max-width:100%!important;padding-left:20px!important;padding-right:20px!important}}@media (max-width:768px){[style*="maxWidth: 1100"]{max-width:100%!important;padding-left:16px!important;padding-right:16px!important}}