:root{--radius-none:0px;--radius-panel:16px;--radius-gnb:12px;--radius-button:16px;--radius-button-12:12px;--radius-pill:999px;--radius-control:12px;--radius-card:16px;--radius-media:8px;--radius-section:24px;--size-gnb-max-width:160px;--palette-neutral-ink:#20252b;--palette-neutral-muted:#626a73;--palette-neutral-disabled:#9298a0;--palette-neutral-subtle:#c9cfd5;--palette-neutral-border:#d8dde2;--palette-neutral-media:#e4e8ec;--palette-neutral-hover:#e9edf0;--palette-neutral-surface:#f2f4f6;--palette-neutral-white:#fff;--color-text-primary:var(--palette-neutral-ink);--color-text-secondary:var(--palette-neutral-muted);--color-text-disabled:var(--palette-neutral-disabled);--color-text-on-strong:var(--palette-neutral-white);--color-background-page:var(--palette-neutral-white);--color-background-surface:var(--palette-neutral-white);--color-background-subtle:var(--palette-neutral-surface);--color-background-media:var(--palette-neutral-media);--color-background-hover:var(--palette-neutral-hover);--color-background-strong:var(--palette-neutral-ink);--color-border-default:var(--palette-neutral-border);--color-border-strong:var(--palette-neutral-ink);--color-action-primary:var(--palette-neutral-ink);--color-action-primary-text:var(--palette-neutral-white);--color-action-default:var(--palette-neutral-white);--color-action-text:var(--palette-neutral-ink);--color-action-disabled:var(--palette-neutral-hover);--color-action-hover:var(--palette-neutral-hover);--color-action-disabled-text:var(--palette-neutral-disabled);--color-icon-primary:var(--palette-neutral-ink);--color-icon-secondary:var(--palette-neutral-muted);--color-icon-on-strong:var(--palette-neutral-white);--color-indicator-active:var(--palette-neutral-ink);--color-indicator-inactive:var(--palette-neutral-subtle);--color-badge-background:var(--palette-neutral-ink);--color-badge-text:var(--palette-neutral-white);color:#283d30;background:#fafbf6;font-family:Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #6c873e}.react-preview{width:calc(100% - 64px);max-width:1296px;margin:auto}.react-header{border-bottom:1px solid #dce3d9;justify-content:space-between;align-items:center;min-height:100px;display:flex}.react-brand{letter-spacing:-1px;font-size:25px;font-weight:800}.react-brand span{color:#7a923c}.react-header>span{letter-spacing:1.5px;color:#59694e;font-size:10px}.react-intro{text-align:center;padding:65px 0}.react-eyebrow{letter-spacing:1px;font-size:12px;font-weight:700}.react-intro h1{letter-spacing:-1.5px;margin:16px 0;font-size:clamp(28px,4vw,44px);line-height:1.35}.react-intro>p:last-child{color:#59694e;font-size:14px}.react-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.react-section-heading h2{letter-spacing:-1px;font-size:26px}.react-section-heading>a{color:#59694e;font-size:12px}.react-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.react-card{border-radius:var(--radius-card);background:#fff;border:1px solid #dce3d9;min-width:0;position:relative;overflow:hidden}.react-card>a{height:100%;display:block}.react-card img{object-fit:cover;width:100%;height:180px}.react-card-placeholder{color:#5e7748;background:#e8eedc;justify-content:space-around;align-items:center;height:170px;font-size:46px;font-weight:800;display:flex}.react-card:nth-child(3n+2) .react-card-placeholder{color:#8a6442;background:#f3e9df}.react-card:nth-child(3n) .react-card-placeholder{color:#597399;background:#e7edf4}.react-card-placeholder span{font-size:70px;font-weight:400}.react-card-body{padding:20px}.react-category{color:#59694e;margin:0 0 10px;font-size:11px}.react-card h3{letter-spacing:-.5px;word-break:keep-all;margin:0 0 10px;font-size:17px;line-height:1.4}.react-card-body>p:not(.react-category){color:#59694e;font-size:12px}.react-card-link{border-top:1px solid #e7ebe2;margin-top:20px;padding-top:14px;font-size:11px;display:block}.react-badge{border-radius:var(--radius-pill);color:#463a19;background:#f6d067;border:1px solid #b99535;place-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.react-status{color:#59694e;text-align:center;margin:26px;font-size:12px}.react-more,.react-error button{border-radius:var(--radius-button-12);color:#283d30;background:0 0;border:1px solid #aab9a0;margin:20px auto;padding:12px 25px;font-size:13px;display:block}.react-error{text-align:center;background:#faf0e2;border:1px solid #cdb69b;border-radius:14px;padding:20px}.react-error p{font-size:14px}.react-preview footer{color:#59694e;border-top:1px solid #dce3d9;justify-content:space-between;gap:20px;margin-top:80px;padding:32px 0;font-size:12px;display:flex}.react-preview footer small{white-space:nowrap}.landing{background:#fff;place-items:center;min-height:100svh;padding:32px;display:grid}.landing-content{text-align:center;width:100%;max-width:520px}.landing-logo{width:320px;max-width:100%;height:auto;max-height:180px;margin:0 auto;display:block}.landing-wordmark{letter-spacing:-2px;margin:0;font-size:clamp(32px,7vw,56px);font-weight:800}.landing-email{color:#666;overflow-wrap:anywhere;margin-top:22px;font-size:12px;text-decoration:none;display:inline-block}.landing-content>p{color:#59694e;font-size:12px}@media (width<=850px){.react-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.react-preview{width:calc(100% - 40px)}}@media (width<=480px){.react-preview{width:calc(100% - 32px)}.react-header{min-height:85px}.react-brand{font-size:21px}.react-header>span{font-size:8px}.react-intro{padding:40px 0}.react-intro h1{font-size:29px}.react-section-heading{flex-direction:column;align-items:start;gap:0}.react-section-heading h2{margin-bottom:6px;font-size:23px}.react-grid{gap:12px}.react-card-placeholder{height:130px;font-size:30px}.react-card-placeholder span{font-size:50px}.react-card-body{padding:15px}.react-card h3{font-size:15px}.react-preview footer{flex-direction:column}.react-card img{height:130px}}.react-card-link svg,.react-section-heading>a svg,.react-more svg{vertical-align:middle;margin-left:4px}@media (width<=767px){.landing-logo{width:160px}}