:root{--sem-accent:#d97706;--sem-accent-dark:#92400e;--sem-ink:#102a43;--sem-muted:#52667a;--sem-line:#dce6ee;--sem-soft:#f4f8fb}
.semantic-resource-main{color:var(--sem-ink);background:#fff;font-family:inherit}
.semantic-resource-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.semantic-resource-hero{padding:70px 0 58px;background:linear-gradient(135deg,#071b35,var(--sem-accent-dark));color:#fff}
.semantic-resource-hero h1{max-width:900px;margin:12px 0 18px;color:#fff;font-size:clamp(2.15rem,5vw,4rem);line-height:1.08;letter-spacing:-.03em}
.semantic-resource-hero p{max-width:820px;margin:0;color:rgba(255,255,255,.9);font-size:1.13rem;line-height:1.75}
.semantic-resource-kicker{display:inline-block;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.semantic-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px;color:rgba(255,255,255,.75);font-size:.9rem}
.semantic-breadcrumb a{color:#fff;text-decoration:none}.semantic-breadcrumb a:hover{text-decoration:underline}
.semantic-resource-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;color:rgba(255,255,255,.75);font-size:.88rem}
.semantic-resource-layout{display:grid;grid-template-columns:minmax(0,820px);justify-content:center;padding:64px 0}
.semantic-resource-body{font-size:1.04rem;line-height:1.83}
.semantic-resource-body section{margin:0 0 48px}.semantic-resource-body h2{margin:0 0 18px;color:var(--sem-ink);font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.25}
.semantic-resource-body h3{margin:28px 0 10px;font-size:1.25rem}.semantic-resource-body p{margin:0 0 18px;color:#334e68}
.semantic-resource-body a{color:var(--sem-accent-dark);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.semantic-steps{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none;counter-reset:step}
.semantic-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:17px 18px;border:1px solid var(--sem-line);border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(14,41,72,.05)}
.semantic-steps li span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sem-accent);color:#fff;font-weight:900}.semantic-steps li div{margin:3px 0 0;color:#334e68}
.semantic-checklist{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.semantic-checklist li{position:relative;padding:13px 16px 13px 44px;border-radius:12px;background:#fff6f3;color:#713422}.semantic-checklist li:before{content:"×";position:absolute;left:17px;top:10px;color:#c2410c;font-size:1.35rem;font-weight:900}
.semantic-google-source,.semantic-money-path{margin:38px 0;padding:24px 26px;border:1px solid #b9dfe4;border-left:5px solid var(--sem-accent);border-radius:14px;background:#f0fafb}.semantic-google-source strong,.semantic-money-path strong{display:block;margin-bottom:8px}.semantic-google-source p,.semantic-money-path p{margin:0}
.semantic-index-intro{padding:62px 0 30px}.semantic-library{padding:18px 0 76px}.semantic-library-head{max-width:760px;margin-bottom:30px}.semantic-library-head span{color:var(--sem-accent-dark);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.semantic-library-head h2{margin:8px 0 10px;font-size:clamp(1.8rem,4vw,2.8rem)}
.semantic-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.semantic-resource-card{padding:24px;border:1px solid var(--sem-line);border-radius:17px;background:#fff;box-shadow:0 10px 32px rgba(14,41,72,.06)}.semantic-resource-card>span{color:var(--sem-accent-dark);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.semantic-resource-card h2{margin:10px 0;font-size:1.22rem;line-height:1.35}.semantic-resource-card h2 a{color:var(--sem-ink);text-decoration:none}.semantic-resource-card h2 a:hover{color:var(--sem-accent-dark)}.semantic-resource-card p{margin:0;color:var(--sem-muted);font-size:.94rem;line-height:1.65}
.semantic-z-mobile{display:none}.semantic-z-mobile summary{list-style:none;cursor:pointer}.semantic-z-mobile summary::-webkit-details-marker{display:none}.semantic-z-mobile summary span{display:block;width:25px;height:2px;margin:5px 0;background:currentColor}.semantic-z-mobile nav{position:absolute;left:16px;right:16px;top:76px;z-index:100;display:grid;gap:4px;padding:16px;border:1px solid var(--sem-line);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.15)}.semantic-z-mobile nav a{padding:10px 12px;color:var(--sem-ink);text-decoration:none}
@media(max-width:900px){.semantic-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.semantic-z-mobile{display:block}.semantic-resource-hero{padding:54px 0 46px}}
@media(max-width:640px){.semantic-resource-wrap{width:min(100% - 28px,1120px)}.semantic-resource-grid{grid-template-columns:1fr}.semantic-resource-layout{padding:46px 0}.semantic-resource-body{font-size:1rem;line-height:1.74}.semantic-steps li{grid-template-columns:36px 1fr;padding:14px}.semantic-resource-hero h1{font-size:2.25rem}}
