/* L00P.AI resource edition 1: paper, deep green, lime and restrained yolk. */
html:has(.szpieg-guide){scroll-behavior:auto}
.guide-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:38px;border:1px solid var(--l00p-green);margin:36px 0 58px;background:var(--l00p-surface);box-shadow:8px 8px 0 var(--l00p-tint)}
.guide-feature h2{margin:24px 0;font-size:clamp(30px,3.3vw,44px)}.guide-feature h2 a{text-decoration:none}.guide-feature p{font-size:16px}.guide-feature .button{margin-top:10px}.guide-feature-side img{display:block;width:100%;height:auto;border:1px solid var(--l00p-line)}.guide-feature-side .resource-update{margin-top:22px}.guide-feature .guide-edition{font-size:11px}
.szpieg-guide{padding:48px 5% 72px}.guide-header{max-width:1050px;margin-bottom:52px}.guide-header h1{max-width:970px}.guide-header .lead{max-width:850px}.guide-edition{font:12px/1.8 var(--l00p-mono);color:var(--l00p-muted);margin:22px 0}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px;align-items:start}.guide-toc{position:sticky;top:22px;font-size:13px;line-height:1.55;max-height:calc(100vh - 44px);overflow:auto;padding-right:12px}.guide-toc summary{font:12px/1.6 var(--l00p-mono);cursor:pointer;font-weight:bold;margin-bottom:18px}.guide-toc ol{padding-left:23px;margin:0}.guide-toc li{padding-left:3px;margin:0 0 11px}.guide-toc a{text-decoration:none}.guide-toc a:hover{text-decoration:underline}.guide-content{min-width:0;max-width:930px}.guide-section{padding:0 0 40px;margin-bottom:46px;border-bottom:1px solid var(--l00p-line);scroll-margin-top:28px}.guide-number{font:11px/1.6 var(--l00p-mono);color:var(--l00p-muted);letter-spacing:1px;margin:0 0 12px}.guide-section h2{margin:0 0 25px}.guide-section p,.guide-section li{font-size:17px;line-height:1.85}.guide-section p{margin:0 0 22px}.guide-section ul,.guide-section ol{padding-left:25px;margin:26px 0}.guide-section li{padding-left:6px;margin-bottom:12px}.guide-section blockquote{margin:30px 0;padding:24px;border-left:4px solid var(--l00p-green);background:var(--l00p-tint);font-size:17px;font-style:normal}.guide-permalink{font:11px/1.6 var(--l00p-mono);color:var(--l00p-muted)}
.guide-figure{margin:32px 0 30px}.guide-figure img{width:100%;height:auto;display:block;background:var(--l00p-paper);border:1px solid var(--l00p-line)}.guide-figure>a{display:block}.guide-figure>a:hover{outline:2px solid var(--l00p-green);outline-offset:3px}.guide-figure figcaption{font-size:12px;line-height:1.8;color:var(--l00p-muted);margin-top:12px}.guide-media-type{display:block;font:10px/1.7 var(--l00p-mono);text-transform:uppercase;color:var(--l00p-green);margin-bottom:7px}.guide-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-photo-pair .guide-figure{margin:12px 0 30px}.guide-update{margin-top:10px;padding:30px;border:1px solid var(--l00p-line);background:var(--l00p-tint);max-width:930px;margin-left:auto}.guide-update .resource-update{margin:0}
@media(max-width:1050px){.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.guide-feature{gap:28px;padding:30px}.guide-photo-pair{grid-template-columns:1fr}}
@media(max-width:760px){.guide-layout{display:block}.guide-toc{position:static;max-height:none;overflow:visible;border:1px solid var(--l00p-line);padding:22px;margin-bottom:42px}.guide-toc ol{columns:2;column-gap:25px}.guide-toc li{break-inside:avoid}.guide-feature{grid-template-columns:1fr}.guide-feature-side{min-width:0}.guide-section h2{font-size:30px}.guide-header{margin-bottom:30px}.guide-section{padding-bottom:30px;margin-bottom:34px}.guide-photo-pair{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.szpieg-guide{padding:30px 5% 45px}.guide-toc ol{columns:1}.guide-photo-pair{grid-template-columns:1fr}.guide-section p,.guide-section li{font-size:16px;line-height:1.8}.guide-feature{padding:24px;margin-top:25px;box-shadow:5px 5px 0 var(--l00p-tint)}.guide-feature h2{font-size:30px}.guide-update{padding:23px}.guide-figure figcaption{font-size:12px}}
@media print{.guide-toc,.guide-permalink,.guide-feature,.guide-update{display:none}.szpieg-guide{padding:0}.guide-layout{display:block}.guide-content{max-width:none}.guide-section{margin-bottom:24px;padding-bottom:16px}.guide-section p,.guide-section li{font-size:11pt;line-height:1.5}.guide-header h1{font-size:28pt}.guide-section h2{font-size:20pt;break-after:avoid}.guide-figure{break-inside:avoid;max-width:150mm;margin:18px auto}.guide-photo-pair{display:block}.guide-photo-pair .guide-figure{max-width:120mm}.guide-number{color:#333}.guide-edition{color:#333}}
