/* A task-first tool directory: six unique destinations, no repeated catalogue. */
body.portal-tools-page .hemu-portal-main { background:#f8f8f6; }
body.portal-tools-page .hemu-portal-masthead.is-tools { min-height:0; background:#f5f5f2; border-color:#e3e1dc; }
body.portal-tools-page .hemu-portal-masthead.is-tools::before { opacity:.07; filter:grayscale(1); }
body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-grid {
  display:grid; min-height:156px; grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);
  grid-template-rows:auto; align-items:center; gap:36px; padding-block:26px;
}
body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-title,
body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-intro { grid-column:auto; grid-row:auto; margin:0; }
body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-date,
body.portal-tools-page .tools-masthead-actions { display:none; }
html body.portal-tools-page .hemu-portal-main .masthead-title h1 { color:#2e2d2c; font-size:clamp(42px,4vw,56px); }
body.portal-tools-page .portal-kicker { color:#8e6677; }
body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-intro { color:#666260; font-size:15px; line-height:1.8; }
body.portal-tools-page .portal-content.hemu-portal-shell { padding-block:24px 48px; }
.portal-tools-page .tool-task-board { color:#2d2c2b; }
.portal-tools-page .tool-task-head { display:flex; justify-content:space-between; align-items:end; gap:20px 50px; margin-bottom:18px; }
.portal-tools-page .tool-task-head > div > p { margin:0 0 8px; color:#876676; font-size:11px; font-weight:700; letter-spacing:.1em; }
.portal-tools-page .tool-task-head h2 { margin:0; font-size:clamp(25px,2.4vw,36px); line-height:1.2; letter-spacing:-.045em; font-weight:650; }
.portal-tools-page .tool-task-head > p { max-width:34em; margin:0 0 2px; color:#77716d; font-size:13px; line-height:1.7; }
.portal-tools-page .tool-task-primary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.portal-tools-page .tool-task-card { position:relative; isolation:isolate; display:flex; flex-direction:column; min-height:242px; overflow:hidden; padding:23px; border:1px solid #ddd9d5; border-radius:15px; background:#fff; color:#2e2d2c; text-decoration:none; transition:border-color .3s,box-shadow .4s,transform .45s cubic-bezier(.2,.7,.2,1); }
.portal-tools-page .tool-task-card:nth-child(2) { background:#fbf9f6; }
.portal-tools-page .tool-task-card:nth-child(3) { background:#f9f7fa; }
.portal-tools-page .tool-task-card::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(90deg,#fff 0%,#fffc 64%,transparent 100%); pointer-events:none; }
.portal-tools-page .tool-task-card:nth-child(2)::after { background:linear-gradient(90deg,#fbf9f6 0%,#fbf9f6e9 57%,transparent 100%); }
.portal-tools-page .tool-task-card:nth-child(3)::after { background:linear-gradient(90deg,#f9f7fa 0%,#f9f7faed 57%,transparent 100%); }
.portal-tools-page .tool-task-atmosphere { position:absolute; z-index:-2; right:-14%; bottom:-9%; width:78%; height:90%; object-fit:cover; opacity:.28; filter:grayscale(.8) saturate(.58); transform:scale(1.02); transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .45s; }
.portal-tools-page .tool-task-index { color:#8d6f7e; font-size:10px; font-weight:700; letter-spacing:.15em; }
.portal-tools-page .tool-task-copy { display:grid; gap:11px; max-width:78%; margin-top:auto; }
.portal-tools-page .tool-task-copy strong { font-size:clamp(22px,2.1vw,29px); line-height:1.2; font-weight:650; letter-spacing:-.04em; }
.portal-tools-page .tool-task-copy > span { color:#6e6863; font-size:13px; line-height:1.62; }
.portal-tools-page .tool-task-action { display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; margin-top:21px; padding-top:13px; border-top:1px solid #dcd6d2; color:#674658; font-size:12px; font-weight:700; }
.portal-tools-page .tool-task-action b { display:grid; place-items:center; width:30px; height:30px; border:1px solid #cab9c1; border-radius:50%; font-size:16px; font-weight:400; transition:transform .3s,background .3s,color .3s; }
.portal-tools-page .tool-task-card:is(:hover,:focus-visible) { transform:translateY(-4px); border-color:#b7a5b0; box-shadow:0 22px 36px #3e334017; }
.portal-tools-page .tool-task-card:is(:hover,:focus-visible) .tool-task-atmosphere { transform:scale(1.1) translateX(-4px); opacity:.38; }
.portal-tools-page .tool-task-card:is(:hover,:focus-visible) .tool-task-action b { transform:translate(2px,-2px); color:#fff; background:#765367; }
.portal-tools-page .tool-task-card:focus-visible,
.portal-tools-page .tool-task-secondary a:focus-visible { outline:3px solid #8f6780; outline-offset:3px; }
.portal-tools-page .tool-task-secondary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }
.portal-tools-page .tool-task-secondary a { display:grid; grid-template-columns:38px minmax(0,1fr) 20px; align-items:center; min-height:82px; gap:10px; padding:14px 18px; border:1px solid #e0dcda; border-radius:12px; background:#fff; color:#2e2d2c; text-decoration:none; transition:background .25s,border-color .25s,transform .35s; }
.portal-tools-page .tool-task-secondary a:hover { transform:translateY(-2px); border-color:#bdacb7; background:#fcf8fb; }
.portal-tools-page .tool-task-secondary img { width:24px; height:24px; opacity:.7; }
.portal-tools-page .tool-task-secondary a > span { display:grid; gap:4px; min-width:0; }
.portal-tools-page .tool-task-secondary strong { font-size:14px; font-weight:650; }
.portal-tools-page .tool-task-secondary small { color:#79726f; font-size:11px; line-height:1.4; }
.portal-tools-page .tool-task-secondary b { color:#89657c; font-size:17px; font-weight:400; }

html[data-theme="dark"] body.portal-tools-page .hemu-portal-main { background:#292729; }
html[data-theme="dark"] body.portal-tools-page .hemu-portal-masthead.is-tools { background:#343037; border-color:#554d52; }
html[data-theme="dark"] body.portal-tools-page .portal-kicker { color:#c79db6; }
html[data-theme="dark"] body.portal-tools-page .masthead-title h1,
html[data-theme="dark"] body.portal-tools-page .tool-task-board,
html[data-theme="dark"] body.portal-tools-page .tool-task-head h2 { color:#f2edef !important; }
html[data-theme="dark"] body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-intro,
html[data-theme="dark"] body.portal-tools-page .tool-task-head > p { color:#d0c3c8; }
html[data-theme="dark"] body.portal-tools-page .tool-task-card,
html[data-theme="dark"] body.portal-tools-page .tool-task-card:nth-child(n),
html[data-theme="dark"] body.portal-tools-page .tool-task-secondary a { background:#38343a; color:#f2edef; border-color:#625761; }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:nth-child(n)::after { background:linear-gradient(90deg,#38343a 0%,#38343aeb 58%,transparent 100%); }
html[data-theme="dark"] body.portal-tools-page .tool-task-card .tool-task-copy > span,
html[data-theme="dark"] body.portal-tools-page .tool-task-secondary small { color:#d1c5ca; }
html[data-theme="dark"] body.portal-tools-page .tool-task-action { color:#e5b9d1; border-color:#695d66; }
html[data-theme="dark"] body.portal-tools-page .tool-task-action b { border-color:#997b91; }
html[data-theme="dark"] body.portal-tools-page .tool-task-index,
html[data-theme="dark"] body.portal-tools-page .tool-task-secondary b { color:#d5a6bf; }
html[data-theme="dark"] body.portal-tools-page .tool-task-secondary img { filter:invert(1); }

@media(max-width:1000px) {
  body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-grid { min-height:0; grid-template-columns:1fr; gap:8px; padding-block:25px; }
  body.portal-tools-page .tool-task-primary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.portal-tools-page .tool-task-card:first-child { grid-column:1 / -1; }
}
@media(max-width:640px) {
  body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-grid { padding-block:26px 22px; }
  body.portal-tools-page .portal-content.hemu-portal-shell { padding-block:20px 36px; }
  body.portal-tools-page .tool-task-head { display:block; margin-bottom:14px; }
  body.portal-tools-page .tool-task-head > p { margin-top:8px; font-size:12px; }
  body.portal-tools-page .tool-task-primary,
  body.portal-tools-page .tool-task-secondary { grid-template-columns:1fr; gap:9px; }
  body.portal-tools-page .tool-task-card:first-child { grid-column:auto; }
  body.portal-tools-page .tool-task-card { min-height:167px; padding:16px; border-radius:12px; }
  body.portal-tools-page .tool-task-atmosphere { width:60%; opacity:.2; }
  body.portal-tools-page .tool-task-copy { gap:4px; max-width:85%; margin-top:14px; }
  body.portal-tools-page .tool-task-copy strong { font-size:22px; }
  body.portal-tools-page .tool-task-copy > span { font-size:12px; }
  body.portal-tools-page .tool-task-action { margin-top:11px; padding-top:8px; }
  body.portal-tools-page .tool-task-secondary a { min-height:68px; }
}
@media(prefers-reduced-motion:reduce) {
  .portal-tools-page :is(.tool-task-card,.tool-task-atmosphere,.tool-task-action b,.tool-task-secondary a) { transition:none !important; transform:none !important; }
}

/* Task-board direction: one visual lead, two quiet companions, and a compact utility rail. */
html[data-theme="light"] body.portal-tools-page {
  --theme-paper:#faf9f7; --theme-paper-alt:#f3f1ee; --theme-surface:#fff;
  --theme-ink:#24212b; --theme-text:#58545c; --theme-muted:#77717a;
  --theme-line:#e4e0df; --theme-sage:#d94c5a; --theme-sage-deep:#bd3143;
}
body.portal-tools-page .hemu-portal-main { min-height:0; background:#faf9f7; }
body.portal-tools-page .site-header.site-header { background:#fff; border-color:#e8e5e3; }
html[data-theme="light"] body.portal-tools-page[data-page="tools"] .site-header.site-header.site-header .header-contact { background:#d94c5a !important; border-color:#d94c5a !important; color:#fff !important; }
html[data-theme="light"] body.portal-tools-page[data-page="tools"] .site-header.site-header.site-header .header-contact:hover { background:#ba3042 !important; border-color:#ba3042 !important; }
body.portal-tools-page .hemu-portal-masthead.is-tools { background:#fff; border-color:#e8e5e3; }
body.portal-tools-page .hemu-portal-masthead.is-tools::before { opacity:.1; filter:grayscale(1); }
body.portal-tools-page .portal-kicker,
body.portal-tools-page .tool-task-head > div > p { color:#bb3448; }
html body.portal-tools-page .hemu-portal-main .masthead-title h1,
body.portal-tools-page .tool-task-head h2 { color:#24212b; }
body.portal-tools-page .hemu-portal-masthead.is-tools .masthead-intro,
body.portal-tools-page .tool-task-head > p { color:#69646b; }
body.portal-tools-page .portal-content.hemu-portal-shell { padding-block:30px 38px; }
body.portal-tools-page .tool-task-primary { grid-template-columns:1.22fr .89fr .89fr; gap:14px; }
body.portal-tools-page .tool-task-card { min-height:274px; padding:25px; border-color:#e6e2e0; border-radius:18px; background:#fff; box-shadow:0 8px 34px #2f263806; }
body.portal-tools-page .tool-task-card:nth-child(2),
body.portal-tools-page .tool-task-card:nth-child(3) { background:#fff; }
body.portal-tools-page .tool-task-card::after,
body.portal-tools-page .tool-task-card:nth-child(n)::after { background:linear-gradient(90deg,#fff 0%,#fff 40%,#fffffff2 58%,#ffffff60 100%); }
body.portal-tools-page .tool-task-atmosphere { right:-17%; bottom:0; width:76%; height:100%; opacity:.6; filter:grayscale(.2) saturate(.9); }
body.portal-tools-page .tool-task-symbol { position:absolute; z-index:-1; top:19px; right:19px; display:grid; place-items:center; width:114px; height:114px; border:1px solid #f2e3e6; border-radius:50%; background:#fbf3f4; transform:rotate(-8deg); transition:transform .55s cubic-bezier(.2,.7,.2,1),background .3s; }
body.portal-tools-page .tool-task-symbol::after { position:absolute; inset:11px; border:1px solid #f1dce1; border-radius:50%; content:""; }
body.portal-tools-page .tool-task-symbol img { width:40px; height:40px; opacity:.68; filter:invert(38%) sepia(17%) saturate(1044%) hue-rotate(295deg); }
body.portal-tools-page .tool-task-card:is(:hover,:focus-visible) .tool-task-symbol { transform:rotate(0) scale(1.08); background:#f9e5e9; }
body.portal-tools-page .tool-task-index { color:#b43d51; font-size:11px; letter-spacing:.07em; }
body.portal-tools-page .tool-task-copy strong { color:#292630; }
body.portal-tools-page .tool-task-copy > span { color:#69646c; }
body.portal-tools-page .tool-task-action { color:#af3046; border-color:#e6dedf; }
body.portal-tools-page .tool-task-action b { border-color:#e4c1c6; }
body.portal-tools-page .tool-task-card:first-child { background:#493748; border-color:#493748; color:#fff; }
body.portal-tools-page .tool-task-card:first-child::after { background:linear-gradient(90deg,#493748 0%,#493748f7 42%,#493748a8 70%,#49374830 100%); }
body.portal-tools-page .tool-task-card:first-child .tool-task-atmosphere { right:-2%; width:74%; opacity:.88; filter:grayscale(.35) hue-rotate(135deg) saturate(.85); }
body.portal-tools-page .tool-task-card:first-child :is(.tool-task-index,.tool-task-copy strong,.tool-task-copy > span,.tool-task-action) { color:#fff; }
body.portal-tools-page .tool-task-card:first-child .tool-task-index { color:#f6b2bd; }
body.portal-tools-page .tool-task-card:first-child .tool-task-copy { max-width:72%; }
body.portal-tools-page .tool-task-card:first-child .tool-task-action { border-color:#ffffff55; }
body.portal-tools-page .tool-task-card:first-child .tool-task-action b { border-color:#ffffff88; }
body.portal-tools-page .tool-task-card:is(:hover,:focus-visible) { border-color:#d94c5a; box-shadow:0 18px 44px #49374822; }
body.portal-tools-page .tool-task-card:is(:hover,:focus-visible) .tool-task-action b { background:#d94c5a; }
body.portal-tools-page .tool-task-card:focus-visible,
body.portal-tools-page .tool-task-secondary a:focus-visible { outline-color:#d94c5a; }
body.portal-tools-page .tool-task-secondary { gap:0; margin-top:22px; border-top:1px solid #dedbdd; border-bottom:1px solid #dedbdd; }
body.portal-tools-page .tool-task-secondary a { min-height:76px; padding:11px 18px; border:0; border-radius:0; background:transparent; }
body.portal-tools-page .tool-task-secondary a + a { border-left:1px solid #dedbdd; }
body.portal-tools-page .tool-task-secondary a:hover { background:#f3eff1; }
body.portal-tools-page .tool-task-secondary b { color:#bd3449; }
html[data-theme="dark"] body.portal-tools-page { --theme-paper:#25232b; --theme-paper-alt:#302d36; --theme-surface:#33303a; --theme-ink:#f8f5f6; --theme-text:#d6cdd4; --theme-line:#514953; --theme-sage:#ff818b; }
html[data-theme="dark"] body.portal-tools-page .hemu-portal-main { background:#25232b; }
html[data-theme="dark"] body.portal-tools-page .site-header.site-header.site-header { background:#25232b !important; border-color:#514953 !important; }
html[data-theme="dark"] body.portal-tools-page .hemu-portal-masthead.is-tools { background:#2d2932; border-color:#514953; }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:nth-child(n),
html[data-theme="dark"] body.portal-tools-page .tool-task-secondary a { background:#34303a; border-color:#514953; }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:nth-child(n)::after { background:linear-gradient(90deg,#34303a,#34303aef 52%,#34303a55); }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:first-child { background:#664553; }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:first-child::after { background:linear-gradient(90deg,#664553,#664553f0 52%,#66455340); }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:first-child .tool-task-index { color:#ffc1c8; }
html[data-theme="dark"] body.portal-tools-page .tool-task-symbol { background:#594452; border-color:#755563; }
html[data-theme="dark"] body.portal-tools-page .tool-task-symbol::after { border-color:#815d6b; }
html[data-theme="dark"] body.portal-tools-page .tool-task-symbol img { filter:invert(89%) sepia(8%) saturate(1073%) hue-rotate(296deg); }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:nth-child(n) .tool-task-copy strong { color:#f7f3f6; }
html[data-theme="dark"] body.portal-tools-page .tool-task-card:first-child :is(.tool-task-copy > span,.tool-task-action) { color:#fff; }
html[data-theme="dark"] body.portal-tools-page .tool-task-secondary { border-color:#514953; }
html[data-theme="dark"] body.portal-tools-page .tool-task-secondary a + a { border-left-color:#514953; }
html[data-theme="dark"] body.portal-tools-page[data-page="tools"] .site-header.site-header.site-header .header-contact { background:#e55968 !important; border-color:#e55968 !important; color:#fff !important; }
@media(max-width:1000px) {
  body.portal-tools-page .tool-task-primary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
  body.portal-tools-page .portal-content.hemu-portal-shell { padding-block:22px 28px; }
  body.portal-tools-page .tool-task-primary { grid-template-columns:1fr; gap:10px; }
  body.portal-tools-page .tool-task-card { min-height:180px; padding:18px; }
  body.portal-tools-page .tool-task-symbol { top:15px; right:15px; width:80px; height:80px; }
  body.portal-tools-page .tool-task-symbol img { width:30px; height:30px; }
  body.portal-tools-page .tool-task-card:first-child .tool-task-copy { max-width:82%; }
  body.portal-tools-page .tool-task-secondary { grid-template-columns:1fr; margin-top:15px; }
  body.portal-tools-page .tool-task-secondary a { min-height:62px; padding-inline:8px; }
  body.portal-tools-page .tool-task-secondary a + a { border-left:0; border-top:1px solid #dedbdd; }
}