/* Shared by the static tool pages and the homepage tool entrance. */
[hidden]{display:none!important}
.tool-header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px;gap:22px}
.tool-header nav{display:flex;flex-wrap:wrap;gap:24px}
.tool-language{display:flex;gap:12px;font-size:12px;color:#d8b778;border:1px solid #51425f;border-radius:30px;padding:7px 14px}
.tool-language a[aria-current=page]{color:#f7f1e7}
.tool-main{padding-bottom:70px}
.tool-hero{padding:45px 0 38px;max-width:830px}
.breadcrumbs{display:flex;gap:10px;align-items:center;color:#b9afc5;font-size:12px;margin:0 0 30px;flex-wrap:wrap}
.breadcrumbs a{color:#d8b778}
.tool-hero h1{font-size:clamp(43px,5.5vw,70px);letter-spacing:-1.5px;line-height:1.08}
.tool-intro{font-size:16px;max-width:680px;color:#c5bace;margin:24px 0 0}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tool-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #65517470;border-radius:10px;background:linear-gradient(140deg,#2d223b,#211b2d);transition:transform .2s,border-color .2s}
.tool-tile:hover{border-color:#d8b778;transform:translateY(-3px)}
.tool-tile h2,.tool-tile h3{font-size:33px;letter-spacing:-.5px}
.tool-tile .tool-number{font:500 21px TaroviaSerif,Georgia,serif;color:#d8b778;margin:0 0 25px;display:block}
.tool-tile p{font-size:14px;line-height:1.8;color:#c5bace;flex:1;margin:18px 0 26px}
.tool-tile .text-link{margin-top:auto;display:inline-block}
.tool-panel{padding:32px;border:1px solid #62506f70;border-radius:12px;background:#211b2d;margin:0 0 44px}
.tool-panel>h2{font-size:34px;letter-spacing:-.5px;margin-bottom:22px}
.tool-panel p{color:#c5bace;font-size:14px}
#reading-form{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.tool-panel label{font-size:14px;color:#e9deed}
.tool-panel input[type=checkbox]{width:19px;height:19px;accent-color:#d8b778;vertical-align:middle;margin-right:7px}
.tool-panel select,.tool-panel input[type=search]{font:inherit;background:#171322;color:#f7f1e7;border:1px solid #6f5b7f;border-radius:6px;padding:12px;max-width:100%;min-height:48px}
.tool-panel input:focus-visible{outline:2px solid #d8b778;outline-offset:3px}
.tool-panel input[type=search]::placeholder{color:#b1a2be}
.tool-panel button:disabled{opacity:.55;cursor:wait}
#reading-form .button{margin-left:auto;min-height:48px;border:0}
#reading-status,#reading-error{min-height:24px;margin:20px 0 0}
#reading-error{color:#ffcdba}
.reading-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px}
.reading-cards:empty{display:none}
[data-count="1"] .reading-cards{grid-template-columns:minmax(0,1fr);max-width:600px;margin:32px auto 0}
.reading-card{text-align:center;min-width:0}
.reading-position{font:600 13px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#d8b778;letter-spacing:.3px;margin:0 0 20px}
.reading-card-turn{position:relative;padding:0;border:4px solid #cfb781;border-radius:8px;overflow:hidden;background:#171322;box-shadow:0 15px 40px #08050d50;transition:transform .3s;max-width:100%}
.reading-card-turn:hover{transform:translateY(-4px)}
.reading-card-turn img{width:180px;height:306px;object-fit:cover;display:block;max-width:100%}
.reading-card-turn span{position:absolute;bottom:0;left:0;right:0;font-size:12px;letter-spacing:.5px;background:#171322e8;color:#eee0c4;padding:9px 4px}
.card-reversed{transform:rotate(180deg)}
.reading-card-text{text-align:left;padding:26px 0 0}
.reading-card-text h3{font-size:34px}
.reading-card-text .card-keywords{color:#d8b778;font-size:12px}
.reading-card-text p{font-size:14px;color:#cbbfd3;line-height:1.85}
.reading-card-text h4{font-size:11px;color:#d8b778;margin:24px 0 8px;letter-spacing:1px}
.reading-card-text .reading-reflection{font-family:Georgia,serif;font-style:italic}
.reading-card-text .text-link{font-size:12px}
.reading-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;border-top:1px solid #65517470;margin-top:30px;padding-top:24px}
.reading-actions .button{background:#d8b778;color:#211b28;border:0}
.reading-actions .text-link{padding:12px 0}
.tool-guide{max-width:800px;margin:56px 0}
.tool-guide h2{font-size:38px;letter-spacing:-.5px;margin:38px 0 20px;line-height:1.15}
.tool-guide h3{font-size:27px;margin:26px 0 12px}
.tool-guide p,.tool-guide li{color:#c5bace;font-size:15px;line-height:1.9}
.tool-guide ul,.tool-guide ol{padding-left:23px}
.tool-guide li{padding-left:5px;margin:12px 0}
.tool-guide a{color:#d8b778;text-decoration:underline;text-underline-offset:4px}
.tool-guide .notice{margin:24px 0}
.tool-guide details{border-bottom:1px solid #65517470;padding:18px 0}
.tool-guide summary{cursor:pointer;color:#eee2f1;font-size:16px}
.tool-guide .byline{font-size:12px;color:#a99ab6}
.related-tools{margin:60px 0}
.related-tools>h2{font-size:38px;margin:0 0 24px}
.related-tools>p{color:#b9afc5;font-size:14px}
.related-tools .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tool-cta{padding:36px;border:1px solid #d8b77850;border-radius:10px;background:#d8b77808;max-width:800px}
.tool-cta h2{font-size:38px;letter-spacing:-.5px}
.tool-cta p{color:#c5bace;font-size:14px}
.tool-cta .button{margin-top:8px}
#library-form{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
#library-form label{display:flex;flex-direction:column;gap:9px}
#library-form label:first-child{flex:1;min-width:200px}
#library-form .text-link{min-height:48px}
#library-status{margin-bottom:0}
.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 60px}
.library-card{padding:24px;border:1px solid #65517470;border-radius:9px;background:#211b2d;display:flow-root;scroll-margin-top:28px}
.library-card:target{border-color:#d8b778}
.library-card>img,.library-card .library-image{float:left;width:70px;height:119px;object-fit:cover;border-radius:4px;margin:0 18px 18px 0}
.library-card h2{font-size:30px;letter-spacing:-.4px;line-height:1.15;margin:0 0 12px}
.library-card .card-keywords{color:#d8b778;font-size:11px;letter-spacing:.2px;margin:10px 0}
.library-card .card-suit{font-size:11px;color:#a99ab6;margin:0 0 10px}
.library-card details{clear:both;border-top:1px solid #65517470;padding-top:14px}
.library-card summary{cursor:pointer;color:#d8b778;font-size:13px;min-height:30px}
.library-card h3{font:600 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e7d2ab;letter-spacing:.3px;margin:22px 0 8px}
.library-card details p{font-size:14px;color:#c5bace;line-height:1.85;margin:8px 0}
.library-card .reading-reflection{font-style:italic}
.card-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,310px);gap:clamp(36px,8vw,100px);align-items:center;padding:16px 0 48px;border-bottom:1px solid #65517470}
.card-detail-copy{max-width:760px}
.card-detail-copy h1{font-size:clamp(43px,5.5vw,70px);letter-spacing:-1.5px;line-height:1.08}
.card-detail-copy .card-keywords{color:#d8b778;font-size:13px;line-height:1.8;margin:22px 0}
.card-detail-art{margin:0;text-align:center}
.card-detail-art img{display:block;width:min(100%,260px);height:auto;margin:0 auto;border:1px solid #cfb78170;border-radius:7px;box-shadow:0 18px 48px #08050d50}
.card-detail-art figcaption{margin-top:12px;color:#b9afc5;font-size:12px}
.card-detail-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.card-detail-actions .button{margin:0}
.card-detail-actions .text-link,.card-detail-cta .text-link{color:#d8b778;text-underline-offset:4px}
.card-detail-guide{max-width:900px}
.card-detail-guide>h2:first-child{margin-top:46px}
.card-detail-guide>article{border-top:1px solid #65517470;padding:10px 0 4px}
.card-detail-guide>article h3{color:#eee2f1}
.card-meaning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,6vw,70px);max-width:1000px;margin:38px 0}
.card-meaning-grid article{border-top:1px solid #d8b77880;padding-top:18px}
.card-meaning-grid h2{font-size:31px;line-height:1.2}
.card-meaning-grid p{color:#c5bace;font-size:15px;line-height:1.9}
.card-detail-guide .reading-reflection{font-family:Georgia,serif;font-style:italic}
.card-detail-source{border-top:1px solid #65517470;padding-top:8px}
.card-detail-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.card-detail-cta h2{flex-basis:100%}
.card-detail-cta .button{margin:0}
.home-tools{padding:82px 0 96px;border-top:1px solid #65517440}
.home-tools .section-heading{margin-bottom:35px}
.home-tools .section-heading p:not(.eyebrow){color:#c5bace;font-size:15px;max-width:600px}
.home-tools h2{font-size:50px}
.home-tools .tool-tile h3{font-size:32px}
.home-tools>.text-link{display:inline-block;margin-top:26px}
@media(max-width:900px){.tool-grid{gap:15px}.tool-tile{padding:24px}.tool-tile h2,.tool-tile h3{font-size:29px}.tool-header nav{gap:18px}.reading-cards{gap:20px}.tool-panel{padding:26px}}
@media(max-width:800px){.card-detail-hero{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.card-detail-copy h1{font-size:48px}.card-meaning-grid{gap:28px}}
@media(max-width:620px){
  .tool-header{gap:16px;min-height:100px;padding-bottom:17px}
  .tool-header .brand{order:0}.tool-header .tool-language{order:1;margin-left:auto}
  .tool-header nav{order:2;width:100%;margin:0;font-size:12px;gap:24px;display:flex}
  .tool-main{padding-bottom:48px}.tool-hero{padding:30px 0}.tool-hero h1{font-size:44px;letter-spacing:-.8px;line-height:1.15}
  .tool-intro{font-size:14px}.breadcrumbs{margin-bottom:22px;font-size:11px}
  .tool-grid{grid-template-columns:1fr;gap:16px}.tool-tile{padding:25px}.tool-tile .tool-number{margin-bottom:16px}.tool-tile p{margin:16px 0 22px}
  .tool-panel{padding:23px 18px;margin-left:-5px;margin-right:-5px}.tool-panel>h2{font-size:30px}
  #reading-form{gap:20px}#reading-form .button{margin:0;width:100%}#reading-form>label{width:100%}
  #reading-form select{display:block;margin-top:8px;width:100%}
  .reading-cards{grid-template-columns:1fr;gap:38px}.reading-card{max-width:440px;margin:0 auto;width:100%}
  .reading-card-turn img{width:180px;height:306px}.reading-card-text h3{font-size:33px}
  .reading-card-text{padding-top:22px}.reading-card-text p{font-size:14px}
  .reading-actions{gap:18px}.reading-actions .button{width:100%}
  .tool-guide{margin:38px 0}.tool-guide h2{font-size:33px;line-height:1.15}.tool-guide p,.tool-guide li{font-size:14px}
  .related-tools{margin:44px 0}.related-tools>h2{font-size:34px}
  .related-tools .tool-grid{grid-template-columns:1fr}
  .tool-cta{padding:26px 22px}.tool-cta h2{font-size:34px}
  #library-form{gap:18px}#library-form label{width:100%}#library-form select{width:100%}
  .library-list{grid-template-columns:1fr;gap:16px}.library-card{padding:22px}.library-card h2{font-size:30px}
  .card-detail-hero{grid-template-columns:1fr;gap:28px;padding-bottom:34px}.card-detail-copy h1{font-size:43px;letter-spacing:-.8px}.card-detail-art img{width:min(60%,220px)}.card-detail-actions{gap:18px}.card-meaning-grid{grid-template-columns:1fr;gap:26px;margin:28px 0}.card-meaning-grid h2{font-size:29px}.card-detail-cta{align-items:flex-start;gap:18px}.card-detail-cta h2{font-size:32px}
  .home-tools{padding:60px 0}.home-tools h2{font-size:42px}
}
@media(prefers-reduced-motion:reduce){.tool-tile,.reading-card-turn{transition:none}}