.prep-tour-sheet{max-width:1160px;margin:0 auto;padding:0 24px 70px}.prep-tour-toolbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;padding:15px 0;background:#f4f7fcf5;backdrop-filter:blur(8px);color:#284465}.prep-tour-toolbar strong{font-size:14px}.prep-tour-toolbar #tourClock{margin-left:auto;white-space:nowrap;font-weight:750;font-variant-numeric:tabular-nums;font-size:19px}.prep-tour-toolbar #tourSaveStatus{font-size:12px;color:#64798e}.prep-tour-toolbar .late{color:#b6554e}
.prep-block-item{display:flex;flex-direction:column;gap:9px;min-width:0}.prep-block-item>.prep-block{width:100%;flex:1}.prep-block-tour{align-self:flex-start;padding:11px 17px;background:#e8f2ff;color:#275d99;border:1px solid #c6daee}.prep-tour-history{margin-top:20px}
.prep-tour-nav{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 22px}.prep-tour-nav button{min-width:44px;min-height:42px;padding:8px 11px;background:#fff;border:1px solid #c6d8ea;color:#31577f;border-radius:12px;font:inherit;font-weight:700;cursor:pointer}.prep-tour-nav [data-state=filled],.prep-tour-nav [data-state=submitted]{background:#e9f7ee;border-color:#81b99a;color:#287454}
.prep-tour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.prep-tour-card{background:#fff;border:1px solid #d7e4f0;border-radius:21px;padding:24px;box-shadow:0 6px 20px #224c7210;scroll-margin-top:110px;min-width:0}.prep-tour-card[data-state=filled]{border-color:#88bba2}.prep-tour-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.prep-tour-card-head h2{font-size:17px;margin:0;color:#355775}.prep-tour-card .task{font-size:20px;line-height:1.65;margin:0 0 22px;color:#1f3854;overflow-wrap:anywhere}.prep-tour-card .tfig{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:12px auto 22px}.prep-tour-answer{display:block;font-size:13px;color:#61788f}.prep-tour-answer .ans{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:7px;font-size:21px;background:#f8fbfe;border:1px solid #a9c6e3;border-radius:12px;padding:13px 15px}.prep-tour-answer .ans:focus{outline:3px solid #3981dc35;border-color:#347bd8}.prep-tour-submit{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;padding:25px 0}.prep-tour-error{flex-basis:100%;color:#a04438;font-size:14px;margin:0}.prep-tour-sheet button:focus-visible{outline:3px solid #428cdd;outline-offset:3px}
@media(max-width:720px){.prep-tour-sheet{padding:0 16px 45px}.prep-tour-grid{grid-template-columns:1fr;gap:16px}.prep-tour-card{padding:21px 18px;border-radius:18px}.prep-tour-card .task{font-size:19px;line-height:1.6}.prep-tour-toolbar{gap:8px 12px}.prep-tour-toolbar #tourClock{font-size:17px}.prep-tour-toolbar #tourSaveStatus{flex-basis:100%;text-align:right}.prep-tour-card{scroll-margin-top:150px}.prep-tour-submit #tourSubmit{width:100%}}
.prep-tour-controls{position:sticky;top:0;z-index:15;background:#f4f7fcf5;backdrop-filter:blur(8px);padding-bottom:1px}.prep-tour-toolbar{position:static;background:none;backdrop-filter:none}.prep-tour-nav{margin-bottom:15px}.prep-tour-grid{display:block;columns:2;column-gap:20px}.prep-tour-card{break-inside:avoid;margin-bottom:20px;scroll-margin-top:150px}.prep-tour-nav [data-state=filled],.prep-tour-nav [data-state=submitted]{background:#eaf3ff;border-color:#a7c6e6;color:#285f96}.prep-tour-card[data-state=filled]{border-color:#a7c6e6}
@media(max-width:720px){.prep-tour-grid{columns:1}.prep-tour-card{margin-bottom:16px;scroll-margin-top:185px}}