.routine-hero{position:relative;overflow:hidden;padding:32px;border-radius:22px;background:radial-gradient(circle at 88% 8%,#495e70 0,transparent 38%),linear-gradient(125deg,#101922,#263b4d);color:#fff;box-shadow:0 14px 32px #162c3d21}.routine-detail-hero{position:relative;overflow:hidden;padding:32px;border-radius:22px;background:radial-gradient(circle at 88% 8%,#495e70 0,transparent 38%),linear-gradient(125deg,#101922,#263b4d);color:#fff;box-shadow:0 14px 32px #162c3d21}
.routine-hero{background:linear-gradient(90deg,#101922f5 0%,#142534ed 40%,#152735bb 72%,#132434a8 100%),url("./routine-hero-demo.jpg") center 42%/cover}
.routine-hero p{color:#f1f5f7!important}.routine-detail-hero p{color:#f1f5f7!important}body.field-mode .content .routine-hero p{color:#f1f5f7!important}body.field-mode .content .routine-detail-hero p{color:#f1f5f7!important}
.routine-eyebrow{display:block;color:#e4c58e;font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.routine-hero h1{margin:10px 0 7px;color:#fff;font:800 clamp(32px,4vw,49px)/1.1 Manrope,sans-serif}.routine-detail-hero h1{margin:10px 0 7px;color:#fff;font:800 clamp(32px,4vw,49px)/1.1 Manrope,sans-serif}
.routine-hero p{max-width:670px;margin:0 0 22px;color:#e8eef2;font-size:16px;line-height:1.55}.routine-detail-hero p{max-width:670px;margin:0 0 22px;color:#e8eef2;font-size:16px;line-height:1.55}
.routine-search{display:flex;align-items:center;gap:12px;width:min(690px,100%);min-height:58px;padding:0 18px;border:1px solid #ffffff85;border-radius:14px;background:#ffffffed;color:#162a37;box-sizing:border-box}
.routine-search span{font-size:25px}.routine-search input{flex:1;min-width:0;height:56px;border:0;outline:0;background:transparent;color:#132331;font-size:17px;font-weight:650}
.routine-demo{display:block;margin-top:12px;color:#efd49d;font-size:12px;font-weight:700}
.routine-categories{display:flex;gap:9px;overflow-x:auto;padding:19px 2px 14px;scrollbar-width:thin}
.routine-popular{margin-top:19px}.routine-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.routine-category-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:132px;padding:16px;border:1px solid #2d4b5d;border-radius:14px;background:radial-gradient(circle at 80% 18%,#6375857e,transparent 35%),linear-gradient(135deg,#172736,#314b5a);color:#fff;text-align:left}.routine-category-card:hover{border-color:#d1aa6f;box-shadow:0 7px 19px #1a354437}.routine-category-card:focus-visible{border-color:#d1aa6f;box-shadow:0 7px 19px #1a354437}.routine-category-card>span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:auto;border:1px solid #e2c79388;border-radius:10px;color:#e8c996;font-size:24px}.routine-category-card strong{font-size:17px}.routine-category-card small{margin-top:3px;color:#d9e2e7;font-size:12px}.routine-category-1{background:radial-gradient(circle at 80% 18%,#57737b8c,transparent 35%),linear-gradient(135deg,#172736,#3f5a62)}.routine-category-2{background:radial-gradient(circle at 80% 18%,#9d8b6e88,transparent 35%),linear-gradient(135deg,#27343b,#625b4b)}.routine-category-3{background:radial-gradient(circle at 80% 18%,#607d7988,transparent 35%),linear-gradient(135deg,#192b34,#3a615f)}
.routine-categories button{flex:none;min-height:43px;padding:0 15px;border:1px solid #cfdae1;border-radius:100px;background:#fff;color:#203745;font-size:14px;font-weight:750}
.routine-categories button.active{border-color:#202e3b;background:#182a38;color:#fff}
.routine-featured{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:7px 0 18px;padding:23px 25px;border:1px solid #dce5e9;border-radius:17px;background:#f5f8fa}
.routine-featured h2{margin:5px 0 0;color:#172c3b;font:800 22px/1.25 Manrope,sans-serif}.routine-list h2{margin:5px 0 0;color:#172c3b;font:800 22px/1.25 Manrope,sans-serif}.routine-detail-panel h2{margin:5px 0 0;color:#172c3b;font:800 22px/1.25 Manrope,sans-serif}
.routine-featured .routine-eyebrow{color:#92713f}.routine-featured-links{display:flex;gap:8px;flex-wrap:wrap}.routine-featured-links button{min-height:43px;padding:0 14px;border:1px solid #d6e0e6;border-radius:11px;background:#fff;color:#253c4c;font-weight:750}
.routine-featured-links button{display:flex;align-items:center;gap:8px}.routine-featured-links button span{font-size:18px;color:#ad7e3b}.routine-featured-links button strong{font-size:14px;line-height:1.15}
.routine-list{margin-bottom:28px}.routine-list-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.routine-list-head span{color:#607384;font-weight:700}
.routine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.routine-card{display:grid;grid-template-columns:56px minmax(0,1fr) 26px;align-items:center;gap:13px;min-height:106px;padding:15px;border:1px solid #dae4ea;border-radius:16px;background:#fff;text-align:left;color:#1c303f;box-shadow:0 6px 18px #2038490a}.routine-card:hover{border-color:#b8945f;box-shadow:0 11px 25px #1b3a4e1d}.routine-card:focus-visible{border-color:#b8945f;box-shadow:0 11px 25px #1b3a4e1d}.routine-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:13px;background:#eef2f4;font-size:26px}.routine-card-copy{display:grid;gap:3px;min-width:0}.routine-card-copy strong{font:800 17px/1.25 Manrope,sans-serif}.routine-card-copy small{font-size:13px;color:#5f7180}.routine-category{font-size:11px;color:#916b2e;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.routine-card-arrow{color:#a77c3d;font-size:22px;text-align:right}.routine-empty{padding:26px;border:1px dashed #cad6dd;border-radius:14px;background:#fff;color:#526776}
.routine-detail-hero{min-height:225px}.routine-detail-hero>button:first-child{display:block;margin:0 0 17px;padding:0;border:0;background:none;color:#fff;font-size:14px;font-weight:800}.routine-detail-icon{position:absolute;right:34px;top:47px;font-size:62px;opacity:.9}.routine-detail-hero>button:last-child{min-height:40px;padding:0 14px;border:1px solid #e8cb98;border-radius:10px;background:#e6c38a;color:#162838;font-weight:800}
.routine-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 0 30px}.routine-detail-panel{padding:24px;border:1px solid #dce5e9;border-radius:17px;background:#fff;color:#1b2e3c}.routine-detail-panel .routine-eyebrow{color:#916b2e}.routine-detail-panel p{margin:13px 0 0;font-size:16px;line-height:1.55}.routine-steps{grid-column:1/-1}.routine-finish{grid-column:1/-1}.routine-steps ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;margin:17px 0 0;padding-left:25px}.routine-steps li{padding:7px 4px;font-size:16px;line-height:1.45}.routine-steps li::marker{color:#a77b3e;font-weight:800}.routine-avoid{border-color:#ead8b7;background:#fffaf1}.routine-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.routine-checks label{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 12px;border:1px solid #d9e4e9;border-radius:11px;font-size:15px;font-weight:700}.routine-checks input{width:21px;height:21px;accent-color:#172f40}.routine-finish>strong{display:block}.routine-finish>small{display:block}.routine-finish>small{margin-top:6px;color:#637684}
.task-routine-link{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:16px 0;padding:13px 16px;border:1px solid #dec69f;border-radius:12px;background:#fff8eb;color:#213443;text-align:left}.task-routine-link span{color:#876331;font-size:12px;font-weight:800}.task-routine-link strong{font-size:14px}
.assignment-preview{margin:12px 0;padding:11px 14px;border:1px solid #d9e3e9;border-radius:11px;background:#f5f8f9;color:#1d3441;font-size:14px}.assignment-preview strong{display:block}.assignment-preview small{display:block}.assignment-preview small{margin-top:4px;color:#5b6e7c;font-size:12px}
.task-summary>div:nth-child(2)[role=button]{cursor:pointer}.task-summary>div:nth-child(2)[role=button]:hover{outline:2px solid #d2aa6d;outline-offset:2px}.task-summary>div:nth-child(2)[role=button]:focus-visible{outline:2px solid #d2aa6d;outline-offset:2px}.task-tools #myTodayTasks{border-color:#be9a62;color:#493616;font-weight:800}.task-tools #myTodayTasks.active{background:#1a2d3b;color:#fff}
/* Map: keep the H identity, separate the work count from the mark itself. */
.field-map-section{border:1px solid #a8bdc9!important;box-shadow:0 19px 45px #142c3d2a!important}.field-map-heading{padding:17px 20px!important;background:linear-gradient(112deg,#101a24,#2d4658)!important}.field-map-heading strong{font-size:18px!important}.field-map-heading small{font-size:13px!important}.field-map-section .leaflet-tile-pane{filter:saturate(.68) contrast(1.07) brightness(.98)}
.field-pin{box-sizing:border-box;width:51px!important;height:51px!important;justify-content:center!important;padding:0!important;border:2px solid #f5e8d2!important;border-radius:50%!important;background:#111c27!important;box-shadow:0 4px 13px #0919249c!important}.field-pin::after{bottom:-8px!important;left:17px!important;width:14px!important;height:14px!important;background:#111c27!important;border-right:2px solid #f5e8d2!important;border-bottom:2px solid #f5e8d2!important}.field-pin img{width:37px!important;height:37px!important}.field-pin-count{position:absolute;top:-9px;right:-10px;z-index:3;display:grid;place-items:center;min-width:23px;height:23px;padding:0 4px;box-sizing:border-box;border:2px solid #fff;border-radius:99px;background:#d3a456;color:#172331;font-size:11px;font-style:normal;font-weight:900;box-shadow:0 2px 6px #14233175}.field-pin.urgent .field-pin-count{background:#e75b53;color:#fff}.field-pin.work{box-shadow:0 0 0 3px #d3a456,0 4px 13px #0919249c!important}.field-pin.urgent{box-shadow:0 0 0 3px #e75b53,0 4px 13px #0919249c!important}.field-map-selection{border-radius:17px!important;box-shadow:0 18px 44px #10263565!important}
@media(max-width:720px){.routine-featured-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.routine-featured-links button{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:75px;padding:6px}.routine-featured-links button strong{font-size:12px;text-align:center}.routine-featured-links button span{font-size:21px}}
@media(max-width:720px){.routine-hero{margin:-1px -14px 15px;padding:27px 20px;border-radius:0 0 18px 18px}.routine-detail-hero{margin:-1px -14px 15px;padding:27px 20px;border-radius:0 0 18px 18px}.routine-hero{background-position:61% center}.routine-hero h1{font-size:34px}.routine-detail-hero h1{font-size:34px}.routine-hero p{font-size:15px}.routine-search{min-height:54px}.routine-search input{height:52px}.routine-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-category-card{min-height:115px}.routine-categories{margin-right:-14px}.routine-featured{display:block;padding:18px}.routine-featured-links{margin-top:13px}.routine-featured-links button{flex:1}.routine-grid{grid-template-columns:1fr}.routine-detail-grid{grid-template-columns:1fr}.routine-steps ol{grid-template-columns:1fr}.routine-detail-grid{gap:10px}.routine-detail-panel{padding:19px}.routine-checks{grid-template-columns:1fr;gap:7px}.routine-detail-icon{right:18px;top:58px;font-size:44px}.routine-detail-hero h1{max-width:85%}.routine-card{min-height:96px}.task-routine-link{display:grid}}
/* Practical employee handbook, scoped to the routines workspace. */
.routine-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:center;gap:24px;margin:20px 0;padding:24px;border:1px solid #d7e2e8;border-radius:17px;background:#f3f7f9;color:#193546}
.routine-start .routine-eyebrow{color:#886b3c}.routine-start h2{margin:8px 0;font-size:25px}.routine-start p{margin:0;line-height:1.6;font-size:16px;max-width:650px}
.routine-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.routine-workflow button{display:grid;justify-items:center;gap:10px;min-height:100px;padding:14px 6px;border:1px solid #355267;border-radius:12px;background:#173747;color:#fff;cursor:pointer}
.routine-workflow button>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d7bb80;border-radius:50%;color:#ebcd8b}.routine-workflow strong{font-size:15px}.routine-workflow button:hover{background:#244b60}
.routine-saved-links{display:flex;gap:10px;margin:0 0 21px}.routine-saved-links button,.routine-progress-row button{min-height:44px;padding:8px 15px;border:1px solid #cbd9e1;border-radius:10px;background:#fff;color:#193546;font:inherit;font-weight:700;cursor:pointer}.routine-saved-links button[aria-pressed=true]{background:#193546;color:#fff}
.routine-icon svg{width:30px;height:30px;color:#193546}.routine-card-summary{font-size:15px;line-height:1.45;color:#506575}.routine-card{min-height:135px}.routine-card-copy{gap:7px}.routine-card-arrow{align-self:center}
.routine-detail-hero h1{max-width:900px}.routine-detail-panel.routine-time-tip{border-color:#d8c49e;background:#fcf8ef}.routine-steps ol{display:block;max-width:1000px}.routine-steps li{padding:10px 8px;line-height:1.65}.routine-steps li+li{border-top:1px solid #edf1f3}
.routine-checks{grid-template-columns:1fr}.routine-checks label{cursor:pointer}.routine-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.routine-progress-row strong{font-size:16px}.routine-sources{grid-column:1/-1}.routine-sources summary{min-height:32px;cursor:pointer;font-weight:800;font-size:17px;color:#193546}.routine-sources ul{padding-left:20px}.routine-sources li{margin:12px 0}.routine-sources a{color:#1a526d;text-decoration:underline;text-underline-offset:3px}.routine-sources small{color:#506575}.routine-finish>small{line-height:1.6}
@media(max-width:1000px){.routine-start{grid-template-columns:1fr}}
@media(max-width:720px){.routine-start{padding:20px;gap:17px}.routine-start h2{font-size:23px}.routine-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-workflow button{min-height:83px;gap:6px}.routine-workflow strong{font-size:16px}.routine-card{grid-template-columns:48px minmax(0,1fr) 20px;padding:15px;gap:11px}.routine-icon{width:48px;height:48px}.routine-detail-hero h1{max-width:100%}.routine-progress-row{align-items:flex-start;flex-direction:column}.routine-saved-links{flex-wrap:wrap}.routine-sources a{overflow-wrap:anywhere}}