/* LoschaZ Games site styles (problem-guides), built from css/ by src/build/css.mjs. Fonts: SIL OFL 1.1 (/assets/fonts/). */
.pg-page{padding-block:28px 64px}.pg-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:40px;align-items:center;margin:28px 0 48px}.pg-hero h1{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.08;max-width:20ch}.pg-hero img{width:100%;height:auto;border-radius:24px;border:1px solid var(--line-strong)}.pg-summary{font-size:1.2rem;line-height:1.6;color:var(--ink-2);max-width:55ch}.pg-meta{font-size:.875rem;color:var(--muted);line-height:1.7;margin-block:20px}.pg-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}.pg-contents{position:sticky;top:100px}.pg-contents nav{display:flex;flex-direction:column;gap:4px}.pg-contents h2{font-size:1.1rem;margin-bottom:12px}.pg-contents a{font-size:.9rem;color:var(--ink-2);padding:10px 8px;line-height:1.4;min-height:44px;border-left:2px solid var(--line-strong);text-decoration:none}.pg-contents a:hover{color:var(--accent-hover);border-color:var(--accent-hover)}.pg-article{max-width:780px;min-width:0}.pg-article p{font-size:1.06rem;line-height:1.85;color:var(--ink-2)}.pg-article h2{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.25;margin:0 0 20px}.pg-article h3{font-size:1.05rem;line-height:1.45}.pg-intro{margin-top:0}.pg-quick{background:#203129;border:1px solid #526a42;padding:28px;border-radius:20px;margin-block:30px;scroll-margin-top:100px}.pg-quick p{color:#e3eed8;margin-bottom:0}.pg-route{margin-block:40px}.pg-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pg-route-card{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:16px;padding:20px}.pg-route-card h3{color:var(--accent-2);margin:0 0 10px}.pg-route-card p{font-size:.95rem;margin:0;line-height:1.65}.pg-section{margin-block:48px;scroll-margin-top:100px}.pg-section .pg-step{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;margin:0 0 10px}.pg-example{padding:28px;background:#22213a;border:1px solid #4e456d;border-radius:20px;margin-block:40px;scroll-margin-top:100px}.pg-example p:last-child{margin-bottom:0}.pg-table-section{margin-block:40px}.pg-table-scroll{overflow:auto;border:1px solid var(--line-strong);border-radius:14px}.pg-table-scroll table{border-collapse:collapse;width:100%;min-width:420px;font-size:.95rem;line-height:1.65}.pg-table-scroll th,.pg-table-scroll td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-strong)}.pg-table-scroll thead{background:var(--surface-3)}.pg-table-scroll tbody th{font-weight:600;color:var(--ink)}.pg-table-scroll td{color:var(--ink-2)}.pg-faq{margin-block:44px;scroll-margin-top:100px}.pg-faq details{border-bottom:1px solid var(--line-strong);padding-block:6px}.pg-faq summary{padding:17px 4px;cursor:pointer;font-weight:600;line-height:1.5;min-height:44px}.pg-faq details p{padding-inline:4px}.pg-sources{padding-top:28px;border-top:1px solid var(--line-strong);scroll-margin-top:100px}.pg-sources p,.pg-sources li{font-size:.9rem;line-height:1.8}.pg-sources a{color:var(--accent-2);overflow-wrap:anywhere}.pg-sources li{margin-bottom:10px}.pg-support,.pg-tool{border:1px solid var(--line-strong);border-radius:18px;padding:24px;margin-block:32px}.pg-support p,.pg-tool p{font-size:1rem}.pg-related{margin-top:56px}.pg-related>.gz-text-link{margin-top:24px}.pg-page :focus-visible{outline:3px solid var(--accent-hover);outline-offset:4px}.pg-hero .lz-btn,.pg-support .lz-btn,.pg-tool .lz-btn{white-space:normal;min-height:48px}.pg-table-scroll:focus-visible{outline-offset:3px}@media(max-width:1000px){.pg-layout{grid-template-columns:200px minmax(0,1fr);gap:28px}.pg-hero{gap:24px}}@media(max-width:760px){.pg-page{padding-block:18px 40px}.pg-hero{grid-template-columns:1fr;gap:22px;margin-block:22px 32px}.pg-hero img{max-width:520px;justify-self:center}.pg-layout{display:flex;flex-direction:column;gap:28px}.pg-contents{position:static;width:100%;padding:20px;background:var(--surface-1);border-radius:16px}.pg-contents nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.pg-contents h2{grid-column:1/-1}.pg-article{width:100%}.pg-route-grid{grid-template-columns:1fr}.pg-quick,.pg-example{padding:22px}.pg-article p{font-size:1rem;line-height:1.8}.pg-section{margin-block:36px}.pg-table-scroll th,.pg-table-scroll td{padding:12px}.pg-related{margin-top:32px}}@media(prefers-reduced-motion:reduce){.pg-page{scroll-behavior:auto}}.pg-pictures{scroll-margin-top:100px;margin-bottom:40px}.pg-pictures ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:none}.pg-pictures li{position:relative;border:1px solid var(--line-strong);background:var(--surface-2);border-radius:18px;padding:16px;display:flex;flex-direction:column}.pg-picture{width:100%;height:auto;color:var(--accent-2);margin:10px 0 8px}.pg-picture-arrow{stroke:var(--accent)}.pg-picture-number{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-weight:800}.pg-pictures h3{font-size:1.08rem;margin:8px 0}.pg-pictures li p{font-size:.94rem;line-height:1.65;margin:0 0 14px}.pg-pictures li a{margin-top:auto;display:flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-weight:600;font-size:.9rem}.pg-pictures .pg-picture-intro{font-size:1rem}.pg-article>.pg-intro{margin-top:28px}@media(max-width:1100px){.pg-pictures ol{grid-template-columns:1fr}.pg-pictures li{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:18px}.pg-picture-number{position:absolute;left:12px;top:12px;width:26px;height:26px;font-size:.85rem}.pg-picture{grid-column:1;grid-row:1/4;align-self:center;margin:24px 0 0}.pg-pictures h3,.pg-pictures li p,.pg-pictures li a{grid-column:2}}@media(max-width:380px){.pg-pictures li{grid-template-columns:80px minmax(0,1fr);gap:0 12px;padding:14px}.pg-pictures h3{font-size:1rem}}.pg-sources li a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}.pg-page .lz-breadcrumbs a:focus-visible,.pg-page .gz-card__picture:focus-visible{outline-offset:-4px}