/* Shared CICLOS identity: local website and course. */
:root{--course-button:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23493832%22%20d%3D%22M13%208H227Q232%208%20232%2013V51Q232%2056%20227%2056H13Q8%2056%208%2051V13Q8%208%2013%208Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23493832%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M205%203H9Q3%203%203%209V55Q3%2061%209%2061H231Q237%2061%20237%2055V20%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23bc947b%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M197%209H13Q9%209%209%2013V51Q9%2055%2013%2055H227Q231%2055%20231%2051V26%22%2F%3E%3C%2Fsvg%3E");--course-button-hover:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23352823%22%20d%3D%22M13%208H227Q232%208%20232%2013V51Q232%2056%20227%2056H13Q8%2056%208%2051V13Q8%208%2013%208Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23493832%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M205%203H9Q3%203%203%209V55Q3%2061%209%2061H231Q237%2061%20237%2055V20%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23bc947b%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M197%209H13Q9%209%209%2013V51Q9%2055%2013%2055H227Q231%2055%20231%2051V26%22%2F%3E%3C%2Fsvg%3E");}
:root{--ink:#352e2b;--muted:#706762;--line:#e2d8ce;--paper:#fbf8f4;--bg:#fbf8f4;--cacao:#493832;--copper:#bc947b;--soft:#f6f0e9;--cream:#fffaf3;--course-font:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
.brand-word{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:400;letter-spacing:.24em;line-height:1}
.brand-ring{position:relative;display:block;width:38px;height:38px;border:2px solid var(--cacao);border-top-color:transparent;border-radius:50%;transform:rotate(43deg);flex-shrink:0}
.brand-ring:after{content:'';position:absolute;inset:4px;border:1px solid #9d8474;border-top-color:transparent;border-radius:50%}