/* The directory shares the portfolio sky, with a quieter atlas-like atmosphere. */
body{background:radial-gradient(ellipse at 8% 2%,#c5e7ed88,transparent 48%),radial-gradient(ellipse at 92% 30%,#e0dbf388,transparent 50%),linear-gradient(180deg,#eff7fa,#f7f8fc 48%,#eeeff9);color:#304d60}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#7998ad42 .8px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#0007,transparent 75%);z-index:-1}
header{border-bottom:1px solid #7e9eb51c}.ct{font-family:TravelWenKai,serif}.back{color:#527286}.back:hover{text-decoration:underline;text-underline-offset:5px}
.eyebrow{color:#7290a5}h1{letter-spacing:-.045em}h1 span{color:#608899}p{color:#6d8393}
.entry{gap:62px;margin-top:62px}.photo{position:relative;padding:12px 12px 20px;background:#ffffffe0;transform:rotate(-3deg);border:1px solid #ffffff;border-radius:48% 48% 8px 8px;box-shadow:0 24px 65px -30px #496a9d65;isolation:isolate}
.photo::before{content:'';position:absolute;inset:-17px;border:1px solid #98b6cc66;border-radius:49% 49% 12px 12px;z-index:-1;transform:rotate(5deg);transition:transform .8s}
.photo::after{content:'✧';position:absolute;right:-29px;top:40px;color:#a7a0c0;font:40px Georgia;transform:rotate(12deg);transition:rotate .8s}
.photo img{border-radius:49% 49% 2px 2px;height:360px;filter:saturate(.85)}.entry:hover .photo::before{transform:rotate(-2deg)}.entry:hover .photo::after{rotate:55deg}.caption{color:#416379}.caption small{color:#6a8193}
.tag{background:#e0eaf3;color:#527084;border:1px solid #d0dfeb}.tag+.tag{background:#e9e5f3;border-color:#ddd7ec;color:#74678d}.open{background:#4d7588;box-shadow:0 5px 16px #42657e20;transition:background .25s}.entry:hover .open{background:#355d72}
.resources{border-top:1px solid #9db1c033;padding-top:46px}.resource-card{background:#f9fcffb3;border-color:#d5e2eb;border-radius:12px 24px 12px 12px;box-shadow:0 12px 30px -25px #41648850}.resource-card:nth-child(2){background:#f0edf9a6}.resource-card:hover{border-color:#9daec4}.resource-top,.resource-kind{color:#5c7e93}.resource-icon{border-color:#d4e1ec;background:#ffffffb5}.resource-category,.resource-subtitle,.resource-note{color:#7b8d9c}.resource-card p{color:#688091}
.atlas-shell{background:#ffffff80;border-color:#d3e1ec;box-shadow:0 20px 60px -45px #4b719e66}.atlas-stage{background:#eaf1f6;border-color:#d9e4ee}.atlas-modes button{background:#ffffffb0;border-color:#d4dfeb;color:#51677b}.atlas-modes button[aria-pressed=true]{background:#e7eef5;border-color:#6f8ba2;box-shadow:0 0 0 1px #6f8ba2}.atlas-country{stroke:#f8fbff}.atlas-country:hover,.atlas-country.is-selected{stroke:#4d6c85}.atlas-zoom button,.atlas-tools select,.atlas-btn{background:#fbfdffdb;border-color:#cfdeea;color:#527186}.atlas-btn.primary{background:#4d7588;border-color:#4d7588;color:#fff}.atlas-status,.atlas-tools label,.atlas-progress,.atlas-help,.atlas-meta{color:#7a8fa0}.atlas-shell button:focus-visible,.atlas-shell select:focus-visible,.resource-card:focus-visible{outline-color:#748fb8}
@media(max-width:650px){.entry{gap:34px;margin-top:44px}.photo{margin:0 10px}.photo img{height:300px}.photo::before{inset:-10px}.photo::after{right:-19px;top:30px;font-size:30px}.resources{padding-top:32px}header{gap:16px;flex-wrap:wrap}.back{font-size:13px}}
@media(prefers-reduced-motion:reduce){.photo::before,.photo::after{transition:none}.entry:hover .photo::before{transform:rotate(5deg)}.entry:hover .photo::after{rotate:none}}
.resource-controls{margin:22px 0 26px}.resource-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.resource-filters button{display:flex;align-items:center;gap:8px;font:14px TravelWenKai,system-ui;color:#627e91;background:#ffffff70;border:1px solid #d6e1ed;border-radius:99px;padding:8px 13px;cursor:pointer;transition:background .2s,color .2s}.resource-filters button[aria-pressed=true]{background:#4d7588;color:white;border-color:#4d7588}.resource-filters small{font:10px system-ui;opacity:.65}.resource-search-row{display:flex;align-items:center;gap:14px}.resource-search-row label{font-size:13px;white-space:nowrap}.resource-search-row input{flex:1;min-width:0;max-width:520px;padding:12px 15px;font:15px TravelWenKai,system-ui;color:#304d60;background:#ffffffa6;border:1px solid #d6e1ed;border-radius:10px}.resource-search-row input::placeholder{color:#8b9cab}.resource-search-row span{margin-left:auto;font-size:12px;color:#8193a3;white-space:nowrap}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resource-card{padding:20px;min-width:0;overflow-wrap:anywhere}.resource-card:nth-child(3n+2){background:#f0edf9a6}.resource-card:nth-child(3n){background:#ecf4f7b3}.resource-card h3{font-size:20px;line-height:1.35;margin-top:14px}.resource-icon{width:35px;height:35px;border-radius:10px}.resource-icon svg{width:22px;height:22px}.resource-category{font-size:11px}.resource-card p{font-size:14px;line-height:1.65;margin:10px 0 16px}.resource-subtitle{font-size:12px;line-height:1.6}.resource-kind{font-size:10px}.resource-card[hidden],#resourceEmpty[hidden]{display:none!important}#resourceEmpty{font-size:15px;padding:24px 0}.resource-search-row input:focus-visible,.resource-filters button:focus-visible{outline:2px solid #748fb8;outline-offset:3px}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.resource-grid{grid-template-columns:1fr}.resource-search-row{flex-wrap:wrap;gap:8px}.resource-search-row label{display:none}.resource-search-row input{font-size:14px}.resource-filters{gap:7px}.resource-filters button{font-size:13px;padding:7px 10px}.resource-card{padding:21px}.resource-card h3{font-size:22px}}
/* Compact destination-desk index, with all 23 tools kept in the directory. */
.resources{padding-top:30px}.resource-heading{position:relative;padding-right:150px;min-height:114px}.resource-heading h2{margin:8px 0 4px}.resource-heading p{margin-bottom:0}.toolbox-suitcase{position:absolute;width:130px;height:130px;object-fit:contain;right:6px;top:-10px;transform:rotate(7deg);filter:drop-shadow(0 10px 8px #3d506818);pointer-events:none;user-select:none}
.resource-controls{margin:14px 0 20px}.resource-filters{margin-bottom:12px}.resource-grid{gap:10px}.resource-card{display:grid;grid-template-columns:30px minmax(0,1fr) 12px;grid-template-rows:auto 1fr;column-gap:10px;row-gap:5px;padding:14px;min-height:100px;border-radius:10px 17px 10px 10px;box-shadow:none}.resource-top{display:contents}.resource-icon{grid-column:1;grid-row:1/3;width:30px;height:30px;border:0;background:#ffffff8c;border-radius:8px}.resource-icon svg{width:21px;height:21px}.resource-arrow{grid-column:3;grid-row:1;font-size:15px;margin:0}.resource-card h3{grid-column:2;grid-row:1;margin:0;font-size:16px;line-height:1.35;align-self:center;overflow-wrap:normal}.resource-card p{grid-column:2/4;grid-row:2;margin:0;line-height:1.6;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:start}.resource-category,.resource-subtitle,.resource-kind{display:none}.resource-card:hover{transform:translateY(-2px)}.resource-note{font-size:11px;line-height:1.7}
@media(max-width:550px){.resource-heading{padding-right:92px;min-height:100px}.resource-heading .eyebrow{font-size:9px;letter-spacing:1px}.resource-heading h2{font-size:27px}.resource-heading p{font-size:13px;line-height:1.65}.toolbox-suitcase{width:88px;height:88px;right:-4px;top:8px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resource-card{grid-template-columns:minmax(0,1fr) 12px;grid-template-rows:24px auto 1fr;gap:5px;padding:12px;min-height:122px}.resource-icon{grid-column:1;grid-row:1;width:24px;height:24px}.resource-icon svg{width:18px;height:18px}.resource-arrow{grid-column:2;grid-row:1}.resource-card h3{grid-column:1/3;grid-row:2;font-size:15px;min-height:20px}.resource-card p{grid-column:1/3;grid-row:3;font-size:11px;line-height:1.55}.resource-filters button{font-size:12px;padding:6px 9px;gap:5px}.resource-filters{gap:6px}.resource-search-row input{padding:10px 12px;font-size:12px}.resource-search-row span{font-size:11px}.resource-controls{margin-top:10px}}
.resource-heading{padding:10px 0 10px 128px;min-height:124px}.toolbox-toggle{position:absolute;left:-5px;top:-3px;width:118px;height:126px;padding:0;border:0;background:transparent;cursor:pointer;color:#638196;font:12px TravelWenKai,system-ui}.toolbox-toggle .toolbox-suitcase{position:static;width:118px;height:118px;transform:rotate(-4deg);transition:transform .3s;pointer-events:none}.toolbox-toggle:hover .toolbox-suitcase{transform:rotate(-7deg) translateY(-4px)}.toolbox-toggle-label{display:block;margin-top:-13px;position:relative;white-space:nowrap}.toolbox-toggle:focus-visible{outline:2px solid #748fb8;outline-offset:4px;border-radius:12px}#toolboxContents[hidden]{display:none!important}
@media(max-width:550px){.resource-heading{padding:8px 0 8px 95px;min-height:116px}.toolbox-toggle{width:88px;height:110px;left:-3px;top:0}.toolbox-toggle .toolbox-suitcase{width:88px;height:100px}.toolbox-toggle-label{font-size:11px;margin-top:-9px}.resource-heading .eyebrow{font-size:8px;letter-spacing:.6px}.resource-heading h2{font-size:26px}.resource-heading p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.toolbox-toggle .toolbox-suitcase{transition:none}.toolbox-toggle:hover .toolbox-suitcase{transform:rotate(-4deg)}}
/* Make the suitcase a clearly labelled control, not an unmarked illustration. */
.resource-heading{padding:12px 0 12px 164px;min-height:164px}
.toolbox-toggle{left:0;top:0;width:144px;height:154px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.toolbox-toggle .toolbox-suitcase{width:120px;height:112px;flex-shrink:0}
.toolbox-toggle-label{font:13px/1.5 TravelWenKai,system-ui;margin-top:0;padding:8px 10px;border:1px solid #93aabb;border-radius:8px;background:#fffdfce6;color:#45677c;box-shadow:0 3px 10px -8px #35556d45;transition:background .2s,border-color .2s}
.toolbox-toggle:hover .toolbox-toggle-label{background:#e5edf5;border-color:#627f98}
.toolbox-toggle[aria-expanded=true] .toolbox-toggle-label{background:#4d7588;border-color:#4d7588;color:#fff}
@media(max-width:550px){.resource-heading{padding:12px 0 12px 133px;min-height:156px}.toolbox-toggle{width:122px;height:146px;left:0;top:0}.toolbox-toggle .toolbox-suitcase{width:106px;height:108px}.toolbox-toggle-label{font-size:11px;padding:8px}.resource-heading h2{font-size:25px}.resource-heading p{font-size:12px}.resource-heading .eyebrow{font-size:8px;line-height:1.7}}