.container{position:relative;max-width:1260px;margin:0 auto;padding:0 20px}.columns,.container{width:100%;box-sizing:border-box}.columns{float:left}@media(min-width:400px){.container{width:85%;padding:0}}@media(min-width:550px){.container{width:80%}.columns{margin-left:4%}.columns:first-child{margin-left:0}.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.six.columns{width:48%}.twelve.columns{width:100%;margin-left:0}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2}h1,h2{letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}@media(min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}.button,button,input[type=button],input[type=reset]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover{color:#333;border-color:#888;outline:0}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url]{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus{border:1px solid #33c3f0;outline:0}label{display:block;margin-bottom:.5rem;font-weight:600}ul{list-style:circle inside;padding-left:20px;font-size: 2rem;line-height: 3rem;margin-top:0}ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}input{margin-bottom:1.5rem}dl,form,p,table,ul{margin-bottom:2.5rem}.container:after,.row:after{content:"";display:table;clear:both}@font-face{font-family:Roboto Condensed;src:url(./RobotoCondensed-Light.ttf) format("truetype");font-display:swap}body{margin:0;padding:0}body .text-center{text-align:center}body .button.btn-sm{padding:0 5px;line-height:25px;height:25px}body .button.green{color:#fff;background-color:green;border-color:green}body .button.red{color:#fff;background-color:red;border-color:red}body section{padding-top:2rem;padding-bottom:2rem;margin:0}body section.dark{font-size:3rem;line-height:4rem;background-color:#333;color:#eee}body section.dark p{font-size:2rem;line-height:3rem}body{font-family:Roboto Condensed;background-color:#f5f4f5}body h1{margin-top:2rem;margin-bottom:2rem;font-weight:700;text-align:center}body h1 a{color:#fff;text-decoration:none}body h2{padding-top:2rem;padding-bottom:2rem;font-weight:700;text-align:center;background-color:#fff}body h2 a{color:#333;text-decoration:none}body #timerApp{min-height:100vh;position:relative;width:100%;overflow-x:hidden}@media(min-width:768px){body #timerApp{padding-bottom:70px}}body #timerApp .select-timer span{top:5px;position:relative}footer.footer{background-color:#333;color:#eee;min-height:2em;padding:1em;text-align:center}@media(min-width:768px){footer.footer{position:absolute;bottom:0;width:100%}}footer.footer a,footer.footer a:active,footer.footer a:hover,footer.footer a:link,footer.footer a:visited{color:#fff}#my-timer{min-height:280px}body{background:#333}body #timerApp{background-color:#f5f4f5}
.mm-timer{font-size:20px;line-height:1}@-webkit-keyframes alarm-ringing{0%{background-color:red}50%{background-color:#f66}to{background-color:red}}@keyframes alarm-ringing{0%{background-color:red}50%{background-color:#f66}to{background-color:red}}.mm-timer div.time{font-size:2em;text-align:center;font-weight:700;padding:60px 0}@media (min-width:480px){.mm-timer div.time{font-size:2.8em}}@media (min-width:768px){.mm-timer div.time{font-size:4em}}@media (min-width:1024px){.mm-timer div.time{font-size:6em}}@media (min-width:1280px){.mm-timer div.time{font-size:7.6em}}.mm-timer div.time span{width:20%;display:inline-block;position:relative}.mm-timer div.time span:not(:last-child):after{content:":";position:absolute;right:0}.mm-timer div.time .numbersInfo{font-size:.3em}.mm-timer div.time .numbersInfo span:not(:last-child):after{content:":";font-size:3.3em;line-height:3.3em;visibility:hidden;height:.5em}.mm-timer div.buttons{padding:20px 0;width:100%}.mm-timer div.timerSettings{float:left}.mm-timer div.timerSettings span{display:inline-block;text-align:left;position:relative;width:20%}.mm-timer div.timerSettings span label{font-size:.9em;min-width:80px;display:inline-block}.mm-timer div.timerSettings span input{right:0;width:90%}.mm-timer div.timerSettings span.button{width:auto}.mm-timer.alarm .button.red{-webkit-animation:alarm-ringing 1s 0s infinite;animation:alarm-ringing 1s 0s infinite}/* Adapted controls and readouts around second-alarm's original grid and clock. */
body #timerApp{min-height:100vh;padding-bottom:0}footer.footer{position:static;box-sizing:border-box}
body section.dark{padding:2rem 0}body section.dark h1{margin:0;font-size:4rem}body section.dark p{margin:0;text-align:center;font-size:1.8rem}
.alarm-shell{padding-top:1rem;padding-bottom:1rem}.mm-timer div.time{padding:18px 0 4px;white-space:nowrap}
.mm-timer div.time span{width:auto;min-width:1ch;margin-right:.12em}.mm-timer div.time span:first-child{padding-right:.38em}
.mm-timer div.time span:first-child:after{right:0}.mm-timer div.time span:nth-child(2):after{content:none}
.mm-timer div.time small{font-size:.42em;vertical-align:baseline;margin-left:.12em}
.alarm-readouts{font-size:1.8rem;text-align:center}.alarm-readouts p{margin:0 0 .7rem}
.alarm-readouts strong{font-weight:700}.alarm-status{min-height:2.5rem;font-size:1.8rem;text-align:center}
.alarm-controls{text-align:center}.alarm-controls button{margin:.5rem}.alarm-controls button[hidden]{display:none}
.alarm-controls button:focus-visible,a:focus-visible{outline:3px solid #0fa0ce;outline-offset:3px}
.alarm-links{font-size:1.7rem;text-align:center}
.alarm-links h2{font-size:3rem}.alarm-links .button{margin:.25rem;white-space:normal;height:auto;min-height:38px;line-height:1.4;padding:9px 12px}
.ad-section{padding:.5rem 0 1.5rem}.ad-section ins.adsbygoogle{max-width:970px;margin:0 auto}
@media(max-width:550px){body section.dark h1{font-size:3rem}.mm-timer div.time{font-size:2.5em}}
@media(prefers-reduced-motion:reduce){.mm-timer.alarm .button.red{animation:none}}
.mm-timer div.time#local-clock{padding:2.2rem 0 1.2rem;font-size:clamp(3.4rem,10.8vw,10rem);font-variant-numeric:tabular-nums;white-space:nowrap}
.alarm-status[hidden]{display:none}
.alarm-reading{max-width:800px;margin:0 auto;font-size:1.8rem;line-height:1.6;overflow-wrap:anywhere}
.alarm-shell #my-timer{min-height:0}
.alarm-howto,.alarm-article,.alarm-faq{background:#fff}.alarm-howto{padding:1.4rem 0 2rem}.alarm-article,.alarm-context,.alarm-faq{padding:2.4rem 0}
.alarm-reading h2{font-size:3rem;line-height:1.25;background:transparent;text-align:left;padding:0;margin:0 0 1.3rem}
.alarm-reading h3{font-size:2.2rem;line-height:1.3;font-weight:700;margin:1.8rem 0 .7rem}
.alarm-howto ol{padding-left:2.4rem;margin:0}.alarm-howto li{padding-left:.4rem;margin:0 0 .6rem}
.alarm-context p{margin:0 0 1.2rem}.alarm-context h2{margin-top:1.6rem}
.faq-list{display:grid;gap:.9rem}.faq-card{border:1px solid #d8dde1;border-radius:10px;background:#fafbfc;overflow:hidden}
.faq-card[open]{background:#fff;border-color:#b9c5cc}.faq-card summary{display:flex;align-items:center;gap:1.2rem;min-height:44px;padding:1rem 1.5rem;cursor:pointer;list-style:none}
.faq-card summary::-webkit-details-marker{display:none}.faq-card summary::marker{content:""}.faq-card summary h3{flex:1;min-width:0;margin:0;font-size:2rem;line-height:1.35;letter-spacing:0}
.faq-card summary::after{content:"+";flex:none;width:2.4rem;text-align:center;font-size:2.5rem;line-height:1;color:#31547e}.faq-card[open] summary::after{content:"−"}
.faq-card summary:focus-visible{outline:3px solid #0fa0ce;outline-offset:-3px;border-radius:9px}.faq-card .faq-answer{padding:0 1.5rem 1.4rem}.faq-card .faq-answer p{margin:0;line-height:1.6}
@media(max-width:550px){.alarm-reading{font-size:1.7rem}.alarm-reading h2{font-size:2.7rem}.faq-card summary h3{font-size:1.8rem}}
.nearby-times{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.6rem;margin:0 auto 1rem}
.nearby-times a{font-size:1.8rem;line-height:1.6}
@media(max-width:390px){.container{padding:0 12px}.mm-timer div.time#local-clock{font-size:clamp(3rem,10.6vw,4.1rem)}.alarm-controls button{padding:0 14px}}
.breadcrumbs{display:flex;justify-content:center;align-items:center;gap:.8rem;font-size:1.6rem;line-height:1.5;margin-bottom:1.2rem}.breadcrumbs a{color:#d9f0ff}.breadcrumbs span{color:#eee}
.catalog-hero{padding:3rem 0 2.4rem!important}.catalog-hero.am{background:#65432f}.catalog-hero.pm{background:#263e5c}.catalog-hero .brand-icon{display:block;margin:0 auto 1rem;border-radius:14px}.catalog-hero h1{max-width:900px;margin:0 auto 1rem!important;line-height:1.15}.catalog-hero p{max-width:650px;margin:0 auto 1.5rem!important}
.period-switch{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.period-switch a{display:inline-block;padding:.55rem 1.5rem;border:1px solid #cfd5dc;border-radius:30px;color:#fff;text-decoration:none;font-size:1.6rem;line-height:1.5}.period-switch a[aria-current=page]{background:#fff;color:#263e5c;font-weight:700}
.catalog-intro{background:#fff;padding:2.4rem 0}.catalog-intro p{max-width:800px;margin:0 auto 1.8rem;text-align:center;font-size:2rem;line-height:1.5}.quick-picks,.hour-jump{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem 1.2rem;max-width:1040px;margin:1rem auto}.quick-picks strong,.hour-jump strong{margin-right:.5rem;font-size:1.7rem}.quick-picks a,.hour-jump a{font-size:1.6rem}.quick-picks a{display:inline-block;padding:.45rem 1rem;border-radius:18px;background:#f5e9dd;color:#68422c;text-decoration:none}.hour-jump a{white-space:nowrap}
.catalog-hours{padding:2.2rem 0 4rem;background:#f5f4f5}.catalog-hours h2{background:transparent;font-size:3rem;margin:0 0 1.5rem}.hour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.hour-card{background:#fff;border:1px solid #e1d8d0;border-radius:16px;padding:1.7rem!important;box-shadow:0 3px 14px rgba(0,0,0,.06);min-width:0}.catalog-hours.pm .hour-card{border-color:#d6e1ee}.hour-card h3{font-size:2.4rem;font-weight:700;margin:0 0 1.2rem}.minute-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.minute-links a{display:block;padding:.45rem .2rem;border-radius:6px;text-align:center;text-decoration:none;font-size:1.5rem;line-height:1.5;color:#216e8d}.minute-links a:hover,.minute-links a:focus-visible{background:#e8f3fa;text-decoration:underline}
@media(max-width:850px){.hour-grid{grid-template-columns:1fr}.minute-links{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:550px){.catalog-hero h1{font-size:3.2rem!important}.catalog-intro p{font-size:1.8rem}.hour-card{padding:1.3rem!important}.minute-links{grid-template-columns:repeat(3,minmax(0,1fr))}.minute-links a{font-size:1.4rem}.hour-jump a{padding:.2rem}}

.time-brand-icon{display:block;margin:0 auto .8rem;border-radius:10px}
.catalog-guide-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem 1.8rem;margin:1.5rem auto 0;font-size:1.6rem}
.catalog-guide{background:#fff;padding:3rem 0 4rem}.catalog-guide-content{max-width:800px;margin:0 auto;font-size:1.8rem;line-height:1.6}
.catalog-guide h2{background:transparent;text-align:left;font-size:3rem;line-height:1.25;padding:0;margin:0 0 1.4rem;scroll-margin-top:2rem}
.catalog-guide h2:not(:first-child){margin-top:3rem}.catalog-guide h3{font-size:2.2rem;font-weight:700;line-height:1.3;margin:2rem 0 .6rem}
.catalog-guide p{margin:0 0 1.4rem}.catalog-guide ol{padding-left:2.4rem;margin:1.6rem 0 0}.catalog-guide li{padding-left:.4rem;margin:0 0 .8rem}
@media(max-width:550px){.catalog-guide{padding:2.4rem 0 3rem}.catalog-guide-content{font-size:1.7rem}.catalog-guide h2{font-size:2.7rem}.catalog-guide h3{font-size:2.1rem}}
/* Fixed-duration pages retain the original four-column timer proportions. */
.duration-hero{padding:1.5rem 0!important}.duration-hero h1{margin:.5rem auto!important}
.duration-time{padding:28px 0 8px!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.duration-time .numbers,.duration-time .numbersInfo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.duration-time .numbers span{display:block;width:auto!important;margin:0!important;padding:0!important;min-width:0!important}
.duration-time .numbers span:not(:last-child):after{right:-.06em!important}
.duration-time .numbersInfo span{display:block;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
.duration-controls{padding:4px 0 12px!important}.duration-controls button{min-width:100px}
.duration-controls button[hidden]{display:none}.duration-main .alarm-howto{padding-top:1rem}
.duration-catalog{background:#fff;padding:2rem 0}.duration-catalog h2{text-align:center}
.duration-catalog-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;margin:1.5rem 0 2.5rem}
.duration-catalog-links a{display:block;background:#f5f4f5;border-radius:6px;text-align:center;padding:.6rem;text-decoration:none;font-size:1.6rem}
.duration-catalog .catalog-lead{text-align:center;font-size:2rem}.duration-catalog>div>p{text-align:center}
.duration-other{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1.5rem;font-size:1.6rem}
@media(max-width:550px){.duration-time{font-size:clamp(2.7rem,9vw,4rem)!important}.duration-time .numbersInfo{font-size:.36em}.duration-controls button{padding:0 14px;min-width:0}.duration-catalog-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mm-timer div.duration-time .numbers span:nth-child(2)::after{content:":"}
.mm-timer div.duration-time .numbers span:not(:last-child)::after{right:.1em!important}