.st{--ink:#193943;--paper:#fffaf0;color:var(--ink);max-width:1080px;margin:auto;padding:20px 18px 90px}.st [hidden]{display:none!important}.st button{font:inherit;font-weight:800;min-height:46px;border:2px solid var(--ink);border-radius:12px;padding:10px 16px;background:#fffaf0;color:var(--ink);cursor:pointer}.st button:disabled{opacity:.45;cursor:default}.st-nav{margin-bottom:16px}.st-hero{background:#bee28a;border:3px solid var(--ink);border-radius:24px;padding:28px;box-shadow:6px 6px 0 var(--ink);margin-bottom:30px}.st-hero>span{font-size:11px;letter-spacing:1.5px;font-weight:900}.st-hero h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:12px 0}.st-hero p{font-size:17px;line-height:1.5}.st p,.st li{line-height:1.6;overflow-wrap:anywhere}.st-intro,.st-guide,.st-panel,.st form[data-st-form]{background:var(--paper);border:2px solid var(--ink);border-radius:20px;padding:22px;margin:24px 0;box-shadow:4px 4px 0 #19394318}.st-intro{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.st-intro img,.st-guide img{width:100%;display:block;border-radius:12px;border:2px solid var(--ink)}.st-guide{display:grid;grid-template-columns:1fr;gap:20px}.st-guide ul{padding-left:22px}.st-guide li{margin:12px 0}.st-field{display:flex;flex-direction:column;gap:8px;font-weight:800;margin:20px 0;max-width:720px}.st input:not([type=checkbox]),.st textarea,.st select{font:inherit;font-size:16px;width:100%;max-width:100%;padding:12px;border:2px solid #9caeaa;border-radius:10px;background:#fff;box-sizing:border-box;color:var(--ink);min-height:46px}.st textarea{resize:vertical}.st-field small,.st-hint,.st-privacy{font-size:13px;line-height:1.6;color:#4e665f;font-weight:400}.st-privacy{padding:12px;border-left:4px solid #68a27b;background:#edf4e9}.st-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.st-toolbar label{display:flex;gap:10px;align-items:center}.st-step-head{display:flex;align-items:center;gap:20px;margin-bottom:25px}.st progress{width:140px;accent-color:#4c8969;max-width:45%}.st-actions{display:flex;gap:12px;flex-wrap:wrap;border-top:2px dashed #9caeaa;padding-top:24px;margin-top:30px}.st-actions [data-st-next],.st-actions [data-st-save]{background:#ffcf5b}.st-check,.st-checks label{display:flex;align-items:flex-start;gap:12px;line-height:1.5;margin:18px 0}.st input[type=checkbox]{width:21px;height:21px;flex:0 0 21px;accent-color:#2d6a4b;margin-top:2px}.st-checks{border:1px solid #9caeaa;border-radius:12px;padding:15px}.st-checks legend{font-weight:800;padding:0 8px}.st-warning{background:#fff0d7;border-left:5px solid #d28624;padding:16px}.st-error{color:#a02d26}.st-status{min-height:24px}.st-advice{border-top:1px solid #d2dacd;padding:10px 0}.st-advice h3{margin-bottom:5px}.st-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.st-history article{display:flex;flex-direction:column;gap:8px;border:1px solid #b5c5ba;border-radius:12px;padding:13px}.st-history small{line-height:1.5}.st-task{background:#e9f1dc;padding:14px;border-radius:10px}.st-sources{margin-top:24px}.st-sources summary{cursor:pointer;font-weight:800}.st a{color:#235d57;text-decoration:underline}.st-hub{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.st-hub button{border:3px solid #193943;border-radius:18px;padding:22px;background:#edf4e9;text-align:left;box-shadow:4px 4px 0 #193943;color:#193943;font:inherit;cursor:pointer;min-height:130px}.st-hub button:last-child{background:#ffe8a0}.st-hub strong{display:block;font-size:24px;margin-bottom:8px}.st-hub span{line-height:1.5;display:block}.st :focus-visible{outline:3px solid #d07a20;outline-offset:3px}@media(max-width:620px){.st{padding:14px 10px 100px}.st-hero{padding:22px}.st-intro{grid-template-columns:1fr}.st-guide,.st-panel,.st form[data-st-form]{padding:16px}.st-hub{grid-template-columns:1fr}.st-actions button{width:100%}.st-toolbar{display:block}.st-toolbar span{display:block;margin-top:12px}}

.st form[data-st-form]{scroll-margin-top:85px}
/* Keep the step border and title below the app's fixed school header. */
.st [data-st-form]{scroll-margin-top:110px;scroll-margin-bottom:90px}
.st-diary-benefits summary{padding:4px 0;line-height:1.5}.st-diary-benefits h3{margin:20px 0 8px;font-size:18px}.st-diary-benefits p{line-height:1.7}

.st [data-st-advice]{scroll-margin-top:110px;scroll-margin-bottom:90px}.st [data-st-advice]:focus{outline:none}

.st form[data-st-form]{scroll-margin-top:110px;scroll-margin-bottom:90px}
