/* Support additions are scoped to st-* and inherit the established design. */
.st-home{background:#fff}
.st-hints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin:0;padding:0;list-style:none}
.st-hints>li{min-width:0;border-bottom:1px solid var(--line)}
.st-hints>li:nth-child(-n+2){border-top:1px solid var(--line)}
.st-hint{display:flex;align-items:center;gap:16px;min-height:112px;padding:22px 0;color:var(--ink)}
.st-hint-number{flex-shrink:0;color:var(--orange);font-family:var(--latin);font-size:16px;font-weight:600;letter-spacing:.04em}
.st-hint-copy{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}
.st-hint-copy strong{font-family:var(--round);font-size:22px;line-height:1.6;letter-spacing:.025em}
.st-hint-copy>span{font-size:16px;line-height:1.9;letter-spacing:.02em}
.st-hint .st-mini-avatar{width:44px;height:44px;border-width:2px}
.st-hint-arrow{flex-shrink:0;color:var(--orange);font-size:22px}
.st-hint:hover .st-hint-copy strong{color:var(--orange);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.st-hint:focus-visible,.st-jump a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.st-home-footer{text-align:center;margin-top:36px}
.st-home-footer p{margin:0 0 23px;color:var(--muted);font-size:16px;line-height:2}
.st-intro-row{margin-bottom:38px}
.st-intro-note{padding:28px 30px;border-radius:8px 8px 40px 8px;background:#edf3f5}
.st-intro-note h3{margin:0 0 14px;font-size:24px;line-height:1.7}
.st-intro-note p{margin:0;font-size:16px;line-height:2}
.st-intro-note p+p{margin-top:16px}
.st-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:30px 0 45px}
.st-jump a{display:inline-flex;align-items:baseline;gap:9px;padding:7px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8}
.st-jump a>span{color:var(--orange);font-family:var(--latin);font-size:16px;font-weight:600}
.st-jump a:hover{color:var(--orange);border-bottom-color:var(--orange)}
.st-topic{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:54px;padding:44px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.st-topic:last-child{padding-bottom:0}
.st-topic-heading{min-width:0}
.st-topic-number{display:block;margin-bottom:10px;color:var(--orange);font-family:var(--latin);font-size:16px;font-weight:600;line-height:1.6;letter-spacing:.1em}
.st-topic-heading h2{margin:0;font-size:30px;line-height:1.7;letter-spacing:.035em}
.st-guide{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;color:var(--muted);font-size:16px;line-height:1.7;letter-spacing:.015em}
.st-guide-faces{display:flex;flex-shrink:0;align-items:center}
.st-guide .st-guide-avatar{width:44px;height:44px;border-width:2px}
.st-guide .st-guide-avatar+.st-guide-avatar{margin-left:-9px}
.st-topic-body{min-width:0}
.st-topic-body>p{margin:0;font-size:17px;line-height:2.05;letter-spacing:.025em}
.st-example{margin-top:23px;padding:18px 22px;border-left:3px solid #b8cda5;border-radius:0 8px 20px 0;background:#f0f5eb}
.st-example h3{margin:0 0 8px;color:var(--green);font-size:16px;font-weight:700;line-height:1.7}
.st-example p{margin:0;font-size:16px;line-height:1.95;letter-spacing:.025em}
.st-words{margin-top:21px;padding-left:17px;border-left:2px solid var(--orange)}
.st-words>span{display:block;margin-bottom:7px;color:var(--muted);font-size:16px;line-height:1.75}
.st-words blockquote{margin:0;font-family:var(--round);font-size:17px;font-weight:700;line-height:1.9;letter-spacing:.02em}
.st-prepare{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px;max-width:1000px;margin:0 auto;padding:0;list-style:none}
.st-questions li{position:relative;min-width:0;padding:0 0 18px 26px;border-bottom:1px dashed var(--line);font-size:17px;line-height:1.95;letter-spacing:.025em}
.st-questions li::before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-size:17px;font-weight:700}
.st-prepare-footer{margin-top:34px;text-align:center}
.st-faq{background:#fff}

@media(max-width:960px){
  .st-hints{column-gap:28px}
  .st-hint{gap:12px}
  .st-hint-copy strong{font-size:20px}
  .st-hint .st-mini-avatar{width:38px;height:38px}
  .st-hint-arrow{font-size:20px}
  .st-intro-note{padding:24px}
  .st-topic{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:35px}
  .st-topic-heading h2{font-size:27px}
  .st-topic-body>p{font-size:16px}
  .st-guide{gap:9px;font-size:16px}
  .st-guide .st-guide-avatar{width:40px;height:40px}
  .st-example{padding:17px 19px}
  .st-questions{column-gap:28px}
}

@media(max-width:600px){
  .st-hints{grid-template-columns:1fr;gap:0}
  .st-hints>li:nth-child(2){border-top:0}
  .st-hint{min-height:0;gap:12px;padding:19px 0;flex-wrap:wrap}
  .st-hint-copy{flex-basis:calc(100% - 100px)}
  .st-hint-copy strong{font-size:20px}
  .st-hint-copy>span{font-size:16px;line-height:1.9}
  .st-hint .st-mini-avatar{width:36px;height:36px}
  .st-hint-arrow{display:none}
  .st-home-footer{margin-top:28px}
  .st-home-footer p{margin-bottom:20px;font-size:16px}
  .st-home-footer .button{max-width:100%;font-size:16px;gap:17px;padding-inline:19px;text-align:left}
  .st-intro-row{grid-template-columns:1fr;gap:25px;margin-bottom:30px}
  .st-intro-note{padding:23px 21px;border-radius:6px 6px 30px 6px}
  .st-intro-note h3{font-size:23px}
  .st-jump{justify-content:flex-start;gap:10px 18px;margin:25px 0 32px}
  .st-topic{grid-template-columns:1fr;gap:24px;padding:32px 0;scroll-margin-top:90px}
  .st-topic-number{margin-bottom:8px}
  .st-topic-heading h2{font-size:26px;line-height:1.75}
  .st-guide{margin-top:14px;gap:11px}
  .st-guide .st-guide-avatar{width:38px;height:38px}
  .st-topic-body>p{font-size:16px;line-height:2.05}
  .st-example{margin-top:20px;padding:17px 18px}
  .st-words{margin-top:20px;padding-left:14px}
  .st-words blockquote{font-size:16px;line-height:1.95}
  .st-questions{grid-template-columns:1fr;gap:18px}
  .st-questions li{padding-left:25px;font-size:16px;line-height:2}
  .st-prepare-footer{margin-top:28px}
  .st-prepare-footer .button{max-width:100%;font-size:16px;gap:18px;padding-inline:20px;text-align:left}
}