/* Guide revision 3: individual cards, restored stories and original artwork. */
.dice-seo-brand-name{vertical-align:top;display:inline-block;color:#494d56;font-family:Calibri,Arial,sans-serif;font-style:normal;font-weight:400;font-size:34pt;margin:0}
h1.dice-seo-tool-title{color:#083442;font-family:Calibri,Arial,sans-serif;font-size:22pt;font-style:italic;font-weight:400;display:block;line-height:1.25;margin:20px 12px 10px;text-align:center}
#d-main.dc-guide,.dc-guide{--dc-accent:#357572;box-sizing:border-box;display:block;float:none;width:calc(100% - 32px);max-width:960px;margin:42px auto 28px;padding:0;border:0;border-radius:0;background:transparent;color:#203b42;text-align:left;font:18px/1.62 Calibri,Arial,sans-serif;overflow:visible;overflow-wrap:break-word}
.dc-guide *{box-sizing:border-box;min-width:0}.dc-guide .dc-heading{display:block;margin:0 0 22px;text-align:left}.dc-guide .dc-kicker{font:600 13px/1.4 Calibri,Arial,sans-serif;letter-spacing:.065em;text-transform:uppercase;color:#52656a;margin:0 0 9px}
#d-main.dc-guide h2,.dc-guide h2{display:block;font:500 clamp(27px,3.2vw,36px)/1.17 Calibri,Arial,sans-serif;color:#103b45;text-align:left;text-decoration:none;font-style:normal;letter-spacing:-.025em;margin:0 0 17px}
#d-main.dc-guide h3,.dc-guide h3{font:600 21px/1.25 Calibri,Arial,sans-serif;color:#173c43;text-align:left;text-decoration:none;font-style:normal;margin:0 0 12px;letter-spacing:0}
#d-main.dc-guide p,.dc-guide p{font-size:18px;line-height:1.62;text-align:left;margin:10px 0 15px;letter-spacing:0}.dc-guide .dc-lead{font-size:20px!important;line-height:1.58!important;max-width:760px;margin:0!important}
.dc-guide .dc-hero{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:center;margin-bottom:27px}.dc-guide .dc-hero .dc-heading{margin:0}
#d-main.dc-guide figure.dc-art,.dc-guide figure.dc-art{display:block;float:none;position:static;width:100%;max-width:300px;height:auto;max-height:none;aspect-ratio:auto;margin:0;padding:14px;border:1px solid #cbd6c9;border-radius:18px;background:#faf8ee;overflow:visible;box-shadow:none;text-align:center}
.dc-guide svg.dc-art-svg{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:auto;overflow:visible}.dc-guide figure.dc-art figcaption{font:14px/1.4 Calibri,Arial,sans-serif;color:#52656a;text-align:center;margin:7px 0 0;padding:0}
/* Compatibility safety if a future illustration is inserted in this scope. */
#d-main.dc-guide .dc-art img,.dc-guide .dc-art img{display:block;float:none;width:100%;height:auto!important;max-width:100%;max-height:none!important;min-height:0;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;overflow:visible;border-radius:10px}
.dc-guide .dc-card{display:block;margin:0;padding:23px 24px;border:1px solid #cbd3c8;border-radius:15px;background:#faf7ec;box-shadow:0 2px 0 #08344204;overflow:visible}
.dc-guide .dc-case{border-top:3px solid var(--dc-accent);background:#fdfaf1}.dc-guide .dc-note{background:#efeee1}.dc-guide .dc-prob{background:#f4f6ee}.dc-guide .dc-use{background:#faf4e5}.dc-guide .dc-compare{background:#f0f2e7}
.dc-guide .dc-single-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dc-guide .dc-single-grid .dc-case{grid-column:1/-1}.dc-guide.dc-layout-grid .dc-single-grid .dc-compare,.dc-guide.dc-layout-percent .dc-single-grid .dc-use{grid-column:1/-1}
.dc-guide .dc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 23px}.dc-guide .dc-facts>div,.dc-guide .dc-three-readings>div{border:1px solid #c6d2c8;border-radius:11px;background:#f8f7eb;padding:13px 16px}
.dc-guide .dc-facts span,.dc-guide .dc-three-readings span{display:block;font:14px/1.4 Calibri,Arial,sans-serif;color:#52656a}.dc-guide .dc-facts strong,.dc-guide .dc-three-readings strong{display:block;font:600 27px/1.3 Calibri,Arial,sans-serif;color:var(--dc-accent);margin-top:3px}
.dc-guide .dc-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin:0 0 18px;align-items:start}.dc-guide .dc-side{display:block}.dc-guide .dc-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;align-items:start}
.dc-guide>.dc-card{margin:18px 0}.dc-guide .dc-main-grid .dc-card,.dc-guide .dc-bottom-grid .dc-card{margin:0}.dc-guide .dc-layout-switches{display:block}
.dc-guide .dc-example-tiles{display:grid;grid-template-columns:repeat(var(--dc-count),minmax(0,1fr));gap:9px;margin:20px 0 14px}.dc-guide .dc-example-die{background:#fffdf6;border:1px solid #d1d7cb;border-radius:11px;padding:11px 8px 9px;text-align:center;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:7px}
.dc-guide .dc-slot{display:block;min-height:32px;font:600 14px/1.2 Calibri,Arial,sans-serif;color:#465f65;text-align:center;overflow-wrap:anywhere}.dc-guide .dc-die-svg{display:block;width:100%;max-width:94px;min-width:38px;height:auto;aspect-ratio:1/1;overflow:visible}.dc-guide .dc-face-value{font:600 17px/1.2 Calibri,Arial,sans-serif;color:var(--dc-accent)}
#d-main.dc-guide p.dc-equation,.dc-guide p.dc-equation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:15px 0 0;padding:12px 14px;border-radius:10px;background:#e8ecdf;font-size:16px}.dc-guide .dc-equation span{color:#4b6265}.dc-guide .dc-equation strong{font:600 20px/1.3 Calibri,Arial,sans-serif;color:#183d45;overflow-wrap:anywhere}
.dc-guide .dc-prob>.dc-art-svg{margin:5px 0 12px}.dc-guide .dc-table-scroll{max-width:100%;overflow-x:auto;margin:12px 0}.dc-guide table{width:100%;min-width:255px;border-collapse:collapse;font:16px/1.4 Calibri,Arial,sans-serif;background:#fcfbf2;table-layout:auto}.dc-guide th,.dc-guide td{padding:9px 11px;border:1px solid #c8d1c4;text-align:left;font-weight:400}.dc-guide thead th{font-weight:600;background:#e6ebdf}.dc-guide caption{font:600 14px/1.4 Calibri,Arial,sans-serif;text-align:left;color:#52656a;margin:0 0 7px}.dc-guide .dc-model{font-size:14px!important;line-height:1.45!important;color:#52656a;margin:12px 0 0!important}
.dc-guide .dc-odds-number{display:flex;align-items:center;gap:17px;margin:11px 0}.dc-guide .dc-odds-number strong{font:600 36px/1.2 Calibri,Arial,sans-serif;color:var(--dc-accent);white-space:nowrap}.dc-guide .dc-odds-number span{font:15px/1.4 Calibri,Arial,sans-serif;color:#52656a;max-width:210px}
.dc-guide .dc-related{display:flex!important;flex-wrap:wrap;gap:9px;justify-content:flex-start!important;align-items:stretch;width:100%;margin:24px 0 17px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;font-size:16px}.dc-guide .dc-related a,.dc-guide .dc-link-button{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid #98aba0;border-radius:9px;background:#fffaf0;color:#214b50!important;text-decoration:none!important;font:600 16px/1.4 Calibri,Arial,sans-serif}.dc-guide .dc-related a:hover,.dc-guide .dc-link-button:hover{background:#e7ebdc}.dc-guide a:focus-visible{outline:3px solid #285a65;outline-offset:3px}
.dc-guide .dc-controls-hint{display:flex;gap:12px 18px;flex-wrap:wrap;margin:12px 0 0;padding:13px 0;border-top:1px solid #c7d1c5;font:15px/1.4 Calibri,Arial,sans-serif;color:#52656a}.dc-guide .dc-controls-hint span{white-space:nowrap}
.dc-guide .dc-switch{display:flex;align-items:center;justify-content:flex-start;width:64px;height:36px;padding:4px;border-radius:99px;background:#d8ded2;border:1px solid #aebcac;margin:13px 0}.dc-guide .dc-switch span{display:block;width:27px;height:27px;border-radius:50%;background:#fafaf1;box-shadow:0 1px 2px #24424433}.dc-guide .dc-switch.is-on{background:var(--dc-accent);justify-content:flex-end}
.dc-guide .dc-verdict{font:12px/1.3 Calibri,Arial,sans-serif;border-radius:5px;padding:4px 5px;text-align:center;min-height:37px}.dc-guide .dc-verdict.is-pass{background:#e0ecdc;color:#254b33}.dc-guide .dc-verdict.is-miss{background:#f1e4d7;color:#67432c}
.dc-guide .dc-grid-board{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:200px;max-width:100%;margin:20px auto}.dc-guide .dc-grid-board span{display:flex;align-items:center;justify-content:center;border:1px solid #c5d0c2;border-radius:9px;min-height:47px;background:#fcfbf0;font-weight:600}.dc-guide .dc-grid-board .is-selected{background:var(--dc-accent);color:#fffaf0;border-color:var(--dc-accent)}
.dc-guide .dc-three-readings,.dc-guide .dc-symbol-map{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.dc-guide .dc-symbol-map>div{padding:12px;border:1px solid #bacbb9;border-radius:10px;background:#fcfcf2}.dc-guide .dc-symbol-map strong{display:block;font-size:24px;color:var(--dc-accent)}.dc-guide .dc-symbol-map span{display:block;font-size:15px;color:#52656a;margin-top:5px}
.dc-guide .dc-range-setting{padding:10px 13px;border-radius:9px;background:#edeadd;font-size:16px!important}.dc-guide .dc-example-caption{font-size:16px!important;color:#536c6d}.dc-guide .dc-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.dc-guide .dc-game{display:flex;flex-direction:column;align-items:flex-start}.dc-guide .dc-game .dc-link-button{margin-top:auto}.dc-guide .dc-home-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.dc-guide .dc-home-footer p{max-width:630px}
.home-v3 .dc-guide.dc-home{width:100%;max-width:none;margin:34px 0 0}
@media(max-width:780px){.dc-guide .dc-hero{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.dc-guide .dc-main-grid,.dc-guide .dc-bottom-grid{grid-template-columns:1fr}.dc-guide .dc-example-tiles{grid-template-columns:repeat(var(--dc-count-mid),minmax(0,1fr))}.dc-guide .dc-game-grid{grid-template-columns:1fr}.dc-guide .dc-main-grid .dc-example-tiles{grid-template-columns:repeat(var(--dc-count-mid),minmax(0,1fr))}}
@media(max-width:560px){.dice-seo-brand-name{font-size:30px}h1.dice-seo-tool-title{font-size:25px}#d-main.dc-guide,.dc-guide{width:calc(100% - 28px);margin-top:28px;font-size:17px}.dc-guide .dc-hero{grid-template-columns:1fr;gap:20px}.dc-guide .dc-art{justify-self:center;width:260px!important;max-width:100%!important}.dc-guide .dc-single-grid{grid-template-columns:1fr;gap:14px}.dc-guide .dc-single-grid>*{grid-column:1!important}.dc-guide .dc-card{padding:19px 18px;border-radius:13px}#d-main.dc-guide h3,.dc-guide h3{font-size:20px}#d-main.dc-guide p,.dc-guide p{font-size:17px}.dc-guide .dc-lead{font-size:18px!important}.dc-guide .dc-facts{gap:7px}.dc-guide .dc-facts>div{padding:10px 9px}.dc-guide .dc-facts span{font-size:12px}.dc-guide .dc-facts strong{font-size:21px}.dc-guide .dc-example-tiles{grid-template-columns:repeat(var(--dc-count-small),minmax(0,1fr))}.dc-guide .dc-main-grid .dc-example-tiles{grid-template-columns:repeat(var(--dc-count-small),minmax(0,1fr))}.dc-guide .dc-symbol-map{gap:6px}.dc-guide .dc-symbol-map>div{padding:10px 7px}.dc-guide .dc-odds-number{align-items:flex-start}.dc-guide .dc-odds-number strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){.dc-guide *{scroll-behavior:auto}}

/* The original art remains complete; no frame crops a landscape or portrait. */
.dc-guide .dc-stories{display:block;margin:0 0 27px}
.dc-guide .dc-stories .dc-story-card{margin:0 0 18px;background:#faf7ed;border-top:3px solid var(--dc-accent)}
.dc-guide .dc-stories-aside .dc-story-card{background:#f3eddf}
#d-main.dc-guide h4,.dc-guide h4{font:600 18px/1.35 Calibri,Arial,sans-serif;color:#23454c;text-align:left;margin:20px 0 9px;text-decoration:none;font-style:normal}
.dc-guide .dc-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.dc-guide .dc-story-tile{padding:17px;border:1px solid #c8d2c4;background:#fffcf3;border-radius:12px}
.dc-guide .dc-story-tile h4{margin-top:0!important}
.dc-guide .dc-story-aside,.dc-guide .dc-story-note{padding:15px 18px;border-left:3px solid var(--dc-accent);border-radius:0 10px 10px 0;background:#eeecdc;margin:17px 0}
.dc-guide .dc-story-aside p:last-child{margin-bottom:0!important}
.dc-guide .dc-story-lead{font-size:19px!important;line-height:1.6!important}
.dc-guide figure.dc-story-figure{display:block;float:none!important;position:static!important;width:100%;max-width:560px;height:auto!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;padding:12px;margin:18px auto;border:1px solid #cbd3c6;border-radius:15px;background:#fdf9ee;text-align:center}
.dc-guide figure.dc-story-figure[data-art-shape="portrait"]{max-width:310px}
.dc-guide .dc-story-figure img{display:block;float:none!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto;border-radius:9px}
#d-main.dc-guide .dc-story-figure figcaption,.dc-guide .dc-story-figure figcaption{font:15px/1.45 Calibri,Arial,sans-serif;color:#52676a;margin:9px 0 0}
.dc-guide .dc-original-art{background:#fffaf0!important}
.dc-guide .dc-example-art{width:265px!important;max-width:100%!important;margin:18px auto 0!important;background:#f5f5e9!important}
.dc-guide .dc-story-gallery{align-items:start}
.dc-guide .dc-story-gallery .dc-story-figure{margin:0}
.dc-guide .dc-story-facts,.dc-guide .dc-story-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.dc-guide .dc-story-facts>div,.dc-guide .dc-story-badges>span{padding:10px 14px;border:1px solid #bdcbbd;border-radius:9px;background:#f3f4e8;font-size:16px}
.dc-guide .dc-story-facts strong{display:block;color:var(--dc-accent);font-size:23px}
.dc-guide .dc-story-practical{padding-top:14px;border-top:1px solid #c5d0c0;margin-top:20px}
.dc-guide .dc-story-practical .guide-kicker{font-size:13px;color:#536a68}
.dc-guide .dc-story-practical .roll-pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.dc-guide .dc-story-practical .roll-pills a{padding:7px 10px;border:1px solid #aabdac;border-radius:8px;background:#fffaf0;font-size:16px}
.dc-guide .dc-story-practical .prob-note{padding:13px;background:#edf0e1;border-radius:9px;font-size:16px}
.dc-guide .dc-stories ul,.dc-guide .dc-stories ol{margin:12px 0 15px;padding-left:25px;font-size:18px;line-height:1.6;text-align:left}
.dc-guide .dc-stories li{margin:7px 0}
.dc-guide .dc-stories a{color:#285d62;text-decoration:underline;text-underline-offset:2px}
.dc-guide .dc-story-table{min-width:0;max-width:100%;overflow-wrap:anywhere;margin:16px 0}
@media(max-width:560px){.dc-guide .dc-story-grid{grid-template-columns:1fr}.dc-guide .dc-story-tile{padding:15px}.dc-guide .dc-story-figure{padding:9px}.dc-guide .dc-stories ul,.dc-guide .dc-stories ol{font-size:17px}.dc-guide .dc-story-lead{font-size:18px!important}}
