.hl-shell{max-width:1240px}.hl-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:48px;padding:24px 0 40px}.hl-hero h1{font-size:clamp(2.25rem,4vw,3.8rem);line-height:1.1;letter-spacing:-.045em;margin:18px 0 24px}.hl-hero h1 em{font-style:normal;color:var(--color-action-primary)}.hl-intro{font-size:1.15rem;line-height:1.75;color:var(--color-text-secondary);max-width:680px}.hl-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:24px 0 14px}.hl-primary{display:inline-block;background:var(--color-action-primary);color:#fff!important;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600}.hl-primary:hover{filter:brightness(.92)}.hl-start{padding:28px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg-secondary)}.hl-start h2{font-size:1.5rem;line-height:1.3;margin:16px 0}.hl-start ol{padding-left:22px}.hl-start li{margin:12px 0;font-size:.92rem}.hl-start a{color:var(--color-text-primary)}.hl-contents{display:flex;gap:12px 22px;flex-wrap:wrap;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:18px 0;font-size:.88rem}
.hl-section{padding:48px 0;border-bottom:1px solid var(--color-border);scroll-margin-top:95px}.hl-section h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.25;letter-spacing:-.025em;margin:12px 0 18px}.hl-section p,.hl-section li{line-height:1.75;color:var(--color-text-secondary)}.hl-section>p{max-width:880px}.hl-section h3{font-size:1.1rem;line-height:1.4;margin:0 0 12px}.hl-three,.hl-four{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.hl-four{grid-template-columns:repeat(4,minmax(0,1fr))}.hl-three article,.hl-four article{padding:22px;border:1px solid var(--color-border);border-radius:12px}.hl-three p,.hl-four p{font-size:.91rem;margin:12px 0 0}.hl-four h3{margin-top:12px}.hl-section table{margin:26px 0}.hl-section caption{text-align:left;font-size:1rem;font-weight:600;padding:0 0 12px}.hl-section th{min-width:100px}.hl-note{padding:16px 20px;background:var(--color-bg-secondary);border-left:3px solid var(--color-action-primary);font-size:.9rem}
.hl-howto{display:grid;grid-template-columns:46px minmax(0,1fr);gap:22px;border-top:1px solid var(--color-border);padding:30px 0;scroll-margin-top:100px}.hl-howto:first-of-type{margin-top:28px}.hl-howto h3{font-size:1.3rem}.hl-howto ol{padding-left:22px;margin:18px 0}.hl-howto li{padding-left:6px;margin:12px 0}.hl-step-number{width:42px;height:42px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-action-primary);font-weight:700}.hl-output{background:var(--color-bg-secondary);border-radius:8px;padding:14px 18px}.hl-source{font-size:.8rem;line-height:1.7;color:var(--color-text-secondary)}.hl-source a{display:inline-block;margin-right:14px}.hl-template{border:1px solid var(--color-border);border-radius:10px;padding:20px;margin:14px 0;scroll-margin-top:100px}.hl-template summary{cursor:pointer;font-weight:600;line-height:1.5}.hl-template summary span{float:right;font-size:.8rem;font-weight:400;color:var(--color-text-secondary)}.hl-template ul{padding-left:24px;margin:20px 0 0}.hl-template li{font-size:.9rem}.hl-workspace{display:flex;align-items:center;justify-content:space-between;gap:32px}.hl-workspace>div{max-width:800px}.hl-workspace>a{flex:none}.hl-sources{columns:2;padding-left:22px}.hl-sources li{break-inside:avoid;margin:8px 0;font-size:.9rem}.hl-shell :is(a,summary):focus-visible{outline:3px solid var(--color-action-primary);outline-offset:4px}
@media(max-width:900px){.hl-hero{grid-template-columns:1fr;gap:22px}.hl-three,.hl-four{grid-template-columns:1fr 1fr}.hl-workspace{display:block}.hl-workspace>a{margin-top:14px}}
@media(max-width:560px){.hl-hero{padding-top:10px}.hl-three,.hl-four{grid-template-columns:1fr}.hl-howto{grid-template-columns:1fr;gap:14px}.hl-section{padding:32px 0}.hl-template summary span{display:block;float:none;margin-top:5px}.hl-sources{columns:1}.hl-contents{gap:12px 18px}.hl-start{padding:22px}}
@media print{#main-header,#mobile-nav-drawer,#page-help-link,.hl-actions,.hl-workspace{display:none!important}.hc-shell{padding:0;max-width:none}.hl-hero{display:block}.hl-start{display:none}.hl-section{padding:20px 0}.hl-howto{break-inside:avoid}.hl-primary{color:#000!important}}

.hl-architecture{padding:32px;margin:0 0 32px;border:1px solid var(--color-action-primary);border-top:4px solid var(--color-action-primary);border-radius:16px;background:var(--color-bg-secondary);scroll-margin-top:100px}.hl-architecture-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hl-architecture-heading>div{min-width:0}.hl-architecture h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.025em;margin:12px 0 16px}.hl-architecture-intro{max-width:780px;line-height:1.7;color:var(--color-text-secondary);margin:0}.hl-architecture-badge{flex:none;border:1px solid var(--color-border);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.hl-architecture-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.hl-architecture-topics>a{display:block;padding:22px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;text-decoration:none;color:var(--color-text-primary);transition:border-color .15s}.hl-architecture-topics>a:hover{border-color:var(--color-action-primary)}.hl-architecture-topics .hc-eyebrow{font-size:.66rem;letter-spacing:.08em}.hl-architecture-topics h3{font-size:1.08rem;line-height:1.45;margin:14px 0 10px}.hl-architecture-topics h3 span{color:var(--color-action-primary)}.hl-architecture-topics p{font-size:.9rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.hl-architecture-download{font-weight:600;text-decoration:underline;text-underline-offset:4px}.hl-architecture>.hc-meta{margin-bottom:0}@media(max-width:900px){.hl-architecture-heading{display:block}.hl-architecture-badge{display:inline-block;margin-top:16px}.hl-architecture-topics{grid-template-columns:1fr}}@media(max-width:560px){.hl-architecture{padding:22px 18px}.hl-architecture-topics>a{padding:18px}.hl-architecture .hl-actions{align-items:stretch;flex-direction:column}.hl-architecture .hl-primary{text-align:center}.hl-architecture-download{line-height:1.6}}@media print{.hl-architecture{break-inside:avoid}}