:root{color-scheme:light;--bg:#f6f0e6;--ink:#302b2a;--wine:#693345;--gold:#a77d49;--soft:#eee2d5;--line:#d9c9b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Georgia,'Times New Roman',serif}.page{max-width:760px;margin:auto;padding:0 22px 30px}.hero{text-align:center;padding:26px 0 18px}.brand-emblem{display:grid;place-items:center;width:72px;height:72px;margin:0 auto;color:var(--wine);cursor:pointer;list-style:none}.brand-emblem::-webkit-details-marker{display:none}.brand-emblem svg{width:65px;height:65px}.site-switcher{position:relative}.site-menu{position:absolute;z-index:20;left:50%;transform:translateX(-50%);width:min(290px,90vw);padding:9px;background:#fffaf3;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #40202020;display:grid;gap:2px}.site-switcher:not([open]) .site-menu{display:none}.site-menu a{color:var(--wine);padding:6px 10px;text-decoration:none;border-radius:7px}.site-menu a:hover{background:var(--soft)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font:11px/1.5 system-ui;color:var(--gold);margin:12px 0 4px}h1{color:var(--wine);font-size:clamp(2.5rem,8vw,3.9rem);font-weight:400;line-height:1.15;margin:8px 0}.subtitle{margin:8px 0;font-style:italic;color:#665753}.rule{width:75px;height:1px;background:var(--gold);margin:21px auto}.intro{font-style:italic}.intro span{display:block;font-size:.8em;color:#796f69}.language{display:flex;justify-content:center;align-items:center;gap:10px;font:13px system-ui;color:#675c55;margin:20px 0 0}select{border:1px solid var(--line);border-radius:7px;background:#fffaf3;padding:8px;color:var(--wine);font:inherit}.quick-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:15px 0 25px;border-bottom:1px solid var(--line)}.quick-nav a{font:13px system-ui;color:var(--wine);text-decoration:none;background:#f0e5d8;border:1px solid #e3d3c2;border-radius:25px;padding:7px 12px}.quick-nav a:hover{background:#e8d8c7}section{padding:28px 0 12px;border-bottom:1px solid var(--line)}h2{font-size:1.6rem;font-weight:400;color:var(--wine);text-align:center;margin:0 0 14px}h3{font-size:1.15rem;font-weight:400;color:var(--wine);margin:18px 0 6px}p{margin:9px 0 15px}ol,ul{padding-left:25px}li{margin:7px 0}details.examination{margin:10px 0;border-bottom:1px solid #e0d4c7;padding:3px 0 12px}details.examination summary{cursor:pointer;color:var(--wine);font-size:1.08rem;padding:10px 4px}details.examination summary::marker{color:var(--gold)}.prayer{padding:16px 20px;background:#f0e6da;border-left:2px solid var(--gold);border-radius:3px;white-space:pre-line}.note{font-size:.9rem;color:#6f635c;font-style:italic}.step{margin:12px 0}footer{text-align:center;padding:30px 0 12px;color:#685b55;font-size:.9rem}footer strong{display:block;color:var(--wine);font-size:1.2rem;font-weight:400}.back-top{background:none;border:0;color:var(--wine);cursor:pointer}.back-top svg{width:52px;height:52px}.about{margin:15px auto;max-width:580px;text-align:center}.about summary{cursor:pointer}.about p{text-align:left}.share-link{border:0;background:none;color:var(--wine);text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer}dialog{border:1px solid var(--line);border-radius:15px;background:var(--bg);color:var(--wine);text-align:center;padding:25px;box-shadow:0 15px 60px #0004}dialog::backdrop{background:#23192099}dialog img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The Ten Commandments start expanded, and each can be collapsed independently. */
.examination{scroll-margin-top:20px}.examination summary{display:flex;align-items:center;gap:12px;list-style:none;line-height:1.4;padding:13px 8px!important}.examination summary::-webkit-details-marker{display:none}.examination summary:after{content:'−';margin-left:auto;font:24px/1 system-ui;color:var(--gold);flex:none}.examination:not([open]) summary:after{content:'+'}.examination .commandment-number{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;font:14px/1 system-ui;color:var(--wine)}.examination>p{margin:2px 8px 18px 51px}.examination[open] summary{color:var(--wine)}
/* Floating return-to-top control inspired by the Purgatory website. */
.floating-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:30;display:grid;place-items:center;width:48px;height:48px;border:1px solid #ad8e79;border-radius:50%;background:rgba(105,51,69,.87);color:#fff8ed;font:25px/1 system-ui;box-shadow:0 3px 15px #291b2033;backdrop-filter:blur(8px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility .22s}.floating-top.visible{opacity:.85;visibility:visible;transform:translateY(0)}.floating-top:hover,.floating-top:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.floating-top{transition:none}}

/* Compact numbered headings: number and commandment in one text line, without a badge. */
.examination{padding:0!important;margin:0!important}.examination summary{padding:9px 2px!important;gap:0!important;font-size:1.02rem!important;display:flex;align-items:baseline;min-height:0}.examination summary:after{font-size:20px;margin-left:10px}.examination ul{margin:0 0 12px 0;padding-left:23px}.examination li{margin:4px 0;line-height:1.52}.examination .commandment-number{display:none}.examination>p{margin:4px 2px 10px}

/* Read-only examination: no collapse/expand controls, compact uninterrupted reading. */
.commandment{padding:8px 0 12px;border-bottom:1px solid var(--line)}.commandment h3{font-size:1.08rem;line-height:1.45;font-weight:500;color:var(--wine);margin:5px 0 7px}.commandment ul{padding-left:23px;margin:0}.commandment li{margin:4px 0;line-height:1.55}.commandment:last-of-type{border-bottom:0}

/* Purgatory-inspired prayer panels: one quiet, rounded card per commandment. */
#examine .commandment{background:#fffaf3;border:1px solid #e4d6c5;border-radius:18px;padding:19px 22px 18px;margin:15px 0;box-shadow:0 3px 14px rgba(66,42,35,.045)}
#examine .commandment:last-of-type{border-bottom:1px solid #e4d6c5}
#examine .commandment h3{margin:0 0 12px;color:var(--wine);font-size:1.12rem;font-weight:600;line-height:1.45}
#examine .commandment ul{margin:0;padding-left:21px}
#examine .commandment li{padding-left:3px;margin:9px 0;line-height:1.58}
#examine .commandment li::marker{color:var(--gold)}
@media(max-width:520px){#examine .commandment{border-radius:15px;padding:17px 17px 15px;margin:12px 0}#examine .commandment h3{font-size:1.04rem}#examine .commandment li{margin:8px 0}}

/* Gentle invitation to seek personal guidance from a priest. */
.guidance-note{margin:28px 3px 8px;color:#6f635c;font-size:.9rem;font-style:italic;line-height:1.65;text-align:center}